Более темный оттенок данного цвета

Как говорит CK1, получить более темный вариант цвета с помощью шкал HSB/HSV и HSL (Hue, Saturation, Brightness/Value или Lightness) несложно. Уменьшите переменную, которая соответствует яркости, легкости или значению. И в HSL, и в HSV это приводит вас прямо к черному цвету, сохраняя тот же оттенок и насыщенность. ( HSB в основном такой же, как HSV )

Источник изображения

В масштабах RGB (и помните, что цветами RGB и CMYK можно управлять с помощью HSB/HSL) это также довольно просто. Уменьшите количество красного, зеленого и синего на ту же относительную величину, что приведет к меньшему количеству света, но к тому же соотношению между каждым типом света. Если вы думаете об этом как о трехмерном кубе, где красный, зеленый и синий имеют размеры...

Источник изображения

... вы можете думать об этом как о простом перемещении по прямой линии от того места, где находится ваш цвет в кубе, к черному углу (0 красный, 0 зеленый, 0 синий), от белого угла (255 красный, 255 зеленый , 255 синий).

Шестнадцатеричные коды — это просто значения RGB, записанные в шестнадцатеричном формате. Первые два символа после # — красный, затем синий, затем зеленый. Шестнадцатеричный означает счет по основанию 16, который выглядит следующим образом:

00=ноль

01=один

...

09=девять

0А=десять

0B=одиннадцать

...

0E=четырнадцать

0F=пятнадцать

10 = шестнадцать

11 = семнадцать

...

1А=двадцать шесть

1B=двадцать семь

...

FE=двести пятьдесят четыре

FF=двести пятьдесят пять

Интернет полон формул и фрагментов кода для преобразования шестнадцатеричных чисел в обычные (десятичные) числа.

Для спектра RGB черный — это белый, 0,0,0а белый — 255,255,255. Так что если R = 53, G = 140, B = 205, то более темная версия будет , R = 33, G = 120, B = 185а более светлая версия R = 73, G = 160, B = 225. Ваш пробег может отличаться. Вам придется поиграть со значениями, чтобы увидеть, что дает вам нужные цвета.

Hex — это то же самое, что и RGB, просто делается по-другому. Hex разбивается на три пары цифр с основанием 16. Если вы не знакомы с основанием 16, то он считает до 10, используя 16 цифр вместо 10. Таким образом, вы будете считать так: 00 01 02 03 04 05 06 07 08 09 0A 0B 0C 0D 0E 0F 10. FF in основание 16 = 255 в основании 10. Для #358CCD— 35красное значение, 8C— зеленое значение, а CD— синее значение. #000000черный и #FFFFFFбелый, поэтому уменьшение или увеличение каждого значения цвета делает вас темнее и светлее соответственно.

Как заявляли другие, HSB — это хороший способ поиграть со сдвигами ценности. Часто у меня определены базовые цвета, и мне может понадобиться вариация для поддержки градиента или подсветки в моем CSS. Для таких экспериментов я предпочитаю использовать 0to255.com для создания диапазонов значений.

Я задавал аналогичный вопрос некоторое время назад, и, насколько я понимаю, лучший/самый простой способ получить более темный (или более светлый) оттенок любого цвета, который у вас есть, — это использовать модель HSL (или HSB/HSV) и настроить L (яркость). ) значение (или значения B/V в других моделях) вверх и вниз по мере необходимости.

В приведенном вами примере вы можете взять H = 204, S = 74, B = 80 и переместить B = 80 вниз до B = 40 и увидеть, что у вас есть более темный оттенок того же цвета.