Генератор и выборщик цветовых кодов

Генерируйте цветовые коды, вариации, гармонии и проверяйте коэффициент контрастности.

Преобразование цвета

HEX

#7c3dad

Royal Purple

HEX
#7c3dad
HSL
274, 48, 46
RGB
124, 61, 173
XYZ
18, 11, 41
CMYK
28, 65, 0, 32
LUV
39,29,-70,
LAB
39, 48, -49
HWB
274, 24, 32

Вариации

Цель этого раздела - точное создание оттенков (добавление чистого белого) и теней (добавление чистого черного) выбранного вами цвета с шагом в 10%.

Тени

Оттенки

Сочетания цветов

У каждой гармонии есть свое настроение. Используйте гармонии для мозгового штурма цветовых сочетаний, которые хорошо работают вместе.

Комплементарный

Цвет и его противоположность на цветовом круге, +180 градусов оттенка. Высокая контрастность.

#7c3dad

Сплит-комплементарный

Цвет и два соседних с ним дополнения, +/-30 градусов оттенка от значения, противоположного основному цвету. Смелый, как прямой комплемент, но более универсальный.

Триада

Три цвета, равномерно расположенные вдоль цветового круга, каждый из которых находится на расстоянии 120 градусов оттенка друг от друга. Лучше всего позволить одному цвету доминировать, а остальные использовать в качестве акцентов.

Аналогичные

Три цвета одинаковой яркости и насыщенности с оттенками, которые находятся рядом на цветовом круге, на расстоянии 30 градусов друг от друга. Плавные переходы.

Монохромный

Три цвета одного оттенка со значениями яркости +/-50%. Утонченный и изысканный.

Тетрадный

Два набора комплементарных цветов, разделенных 60 градусами оттенка.

Проверка контрастности цветов

Цвет текста
Цвет фона
Контраст
Fail
Мелкий текст
✖︎
Крупный текст
✖︎

Каждый человек - гений. Но если вы будете судить о рыбе по ее способности забираться на дерево, она всю жизнь будет верить, что она глупая.

- Albert Einstein