Генератор на цветни кодове и пикери

Генериране на цветови кодове, вариации, хармонии и проверка на контрастните съотношения.

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

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