Генератор та пікер кольорових кодів

Створюйте колірні коди, варіації, гармонії та перевіряйте коефіцієнти контрастності.

Перетворення кольорів

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