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

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

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

HEX

#2222bb

Persian Blue

HEX
#2222bb
HSL
240, 69, 43
RGB
34, 34, 187
XYZ
10, 5, 47
CMYK
82, 82, 0, 27
LUV
27,0,-91,
LAB
27, 53, -78
HWB
240, 13, 27

Варіації

Мета цього розділу - точно створити відтінки (додавання чистого білого) і відтінки (додавання чистого чорного) обраного вами кольору з кроком 10%.

Відтінки

Відтінки

Поєднання кольорів

Кожна гармонія має свій настрій. Використовуйте гармонії для мозкового штурму, щоб створити комбінації кольорів, які добре поєднуються між собою.

Доповнення

Колір і його протилежність на колірному колі, +180 градусів відтінку. Високий контраст.

#2222bb

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

Колір і два сусідні з ним доповнення, +/-30 градусів відтінку від значення, протилежного основному кольору. Жирний, як пряме доповнення, але більш універсальний.

Тріада

Три кольори, рівномірно розташовані вздовж колірного кола, на відстані 120 градусів відтінку один від одного. Найкраще дозволити одному кольору домінувати, а інші використовувати як акценти.

Аналогічно

Три кольори однакової яскравості та насиченості з відтінками, що є сусідніми на колірному колі на відстані 30 градусів один від одного. Плавні переходи.

Монохромний

Три кольори одного відтінку зі значеннями яскравості +/-50%. Тонкий і вишуканий.

Тетрадік

Два набори кольорів, що доповнюють один одного, розділені 60 градусами відтінку.

Перевірка контрастності кольорів

Колір тексту
Колір фону
Контраст
Fail
Невеликий текст
✖︎
Великий текст
✖︎

Кожен є генієм. Але якщо судити про рибу за її здатністю залізти на дерево, вона проживе все життя, вважаючи себе дурною.

- Albert Einstein