Задать вопрос
@Serginhio
Я в сапоги заправляю клеша

Как подобрать цвет темнее заданного?

Доброго дня. Подскажите какой цвет чуть темнее #f5f5f5 И как это понять? Кроме шуток. С определением цвета на глаз реальные проблемы.

UPD. Название цвета поправил. Объясните принцип подбора.
  • Вопрос задан
  • 5251 просмотр
Подписаться 1 Оценить 1 комментарий
Решения вопроса 1
@RoverWhite
Цвет записывается 16-ричными числами допустимые символы 0123456789abcdef
символ h туда не входит, так что это неправильное значение цвета.
Но в общем случае для более темного цвета, следует уменьшить значения компонент цвета.
Например у нас цвет #ffffff - это белый.
Тогда #fefefe - чуть темнее
#fdfdfd - еще чуть темнее
#888888 - где-то посередине
#000000 - черный

А еще можно например перейти вот сюда
colorscheme.ru/color-converter.html
вставить значение цвета
затем перейти в модель цветов HSL и покрутить параметр Lightness который и есть яркость цвета
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Хеш-цвет - это маска 16-тиричного представления цвета без альфаканала в 16-тибитной кодировке:
#RRGGBB (есть еще короткая запись: #RGB)
(R-red, G-green, B-blue), каждый цвет: от 0-255 в 10-ой системе, а в 16-тиричной: 00-FF
То, что Вы спросили будут светлый (#efefef) и немного темнее (#dfdfdf).
Если все 3 константы RGB одинаковые - это монохромный оттенок (нет явного цвета).

#FF0000 - абсолютный красный, #00FF00 - абсолютно зелёный
#F00000 - почти абсолютный красный, #00F000 - почти абсолютно зелёный
#0F0000 - очень тёмно-красный (почти чёрный), #000F00 - очень тёмно-зелёный (почти чёрный)
с синим - также) смешение - даёт нужный цвет из 16777216 штук.
Если нужна яркость - с текущего цвета, увеличиваем на одну и ту же константу эти 3 числа R,G,B.
Например, цвет #ca4578 сделать поярче: #da5588

тут колесо, 4-я полоска под каждым цветом - это яркость.
Ответ написан
Комментировать
@holfza
Если не учитывать тот факт, что такого цвета нету - то можно вот так: codepen.io/anon/pen/WovooW
Ответ написан
Комментировать
SkiperX
@SkiperX Куратор тега CSS
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
22 дек. 2024, в 20:40
10000 руб./за проект
22 дек. 2024, в 20:34
3000 руб./за проект
22 дек. 2024, в 20:12
10000 руб./за проект