CSS: оттенки темнее и светлее

Question

Я пытаюсь использовать какой-то тег «темнее» или «светлее» в определениях моей страницы CSS ... Есть ли такая вещь, или у людей есть предложение, как можно это сделать?

Спасибо, JML

Answer 1

Технически, нет ...

Нет, вам придется явно объявить цвет. Вы можете перейти в фотошоп и скопировать из цветовой палитры гексагон вашего любимого цвета.

Но если вы действительно гладкий, вы можете ...

Еще один вариант моделирования оттенков - использование прозрачных файлов png и установка их в качестве фонового изображения поверх цвета фона.

.red       { background-color:red; }
.darkerRed { background:red url("fiftyPercentOpaqueBlack.png"); }

А теперь для примера ...

Например, ниже .png на самом деле является сплошным черным с непрозрачностью 50%, которая создает оттенок серого при просмотре поверх белого, или #ffffff.