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

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

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

HEX

#a100ff

Electric Violet

HEX
#a100ff
HSL
278, 100, 50
RGB
161, 0, 255
XYZ
33, 15, 96
CMYK
37, 100, 0, 0
LUV
45,40,-125,
LAB
45, 86, -86
HWB
278, 0, 0

Вариации

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

Тени

Оттенки

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

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

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

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

#a100ff

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

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

Триада

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

Аналогичные

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

Монохромный

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

Тетрадный

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

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

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

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

- Albert Einstein