{{color}} — Информация о цвете

HEX:
{{color}}
RGB:
{{toRGBStr(colornohash)}}
HSL:
{{toHSL(colornohash)}}
CMYK:
{{toCMYK(colornohash)}}
HSV:
{{toHSV(colornohash)}}
XYZ:
{{toXYZ(colornohash)}}
Web-Safe:
#{{safeColor(colornohash)}}
Temperature:
{{temperature(color)}} °K

Светлые оттенки

Создаются добавлением белого цвета к базовому цвету. Оттенки становятся пастельного цвета.

#{{color}}

Серые оттенки

Создаются добавлением серого к базовому цвету. Оттенки выглядят сложнее базового цвета.

#{{color}}

Тёмные оттенки

Создаются добавлением черного цвета к базовому. Оттенки выглядят насыщеннее.

#{{color}}

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

Complementary

Дополняющие цвета, расположены друг напротив друга. Два противоположных цвета.

#{{color}}
Split Complementary

Основной цвет и ещё два цвета, лежащих по краям противоположного основному цвету.

#{{color}}
Triadic

Сочетание трёх равноудалённых цветов на цветовом круге.

#{{color}}
Tetradic

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

#{{color}}
Analogus-complementary

Сочетание противоположного цвета и его соседних на цветовом круге.

#{{color}}
Analogus

Сочетание четырёх соседних цветов на цветовом круге.

#{{color}}

Контрасты

Инструменты

Привет,
рады вас видеть!

Забыли пароль?

Введите адрес электронной почты, который вы использовали при регистрации, и мы пришлем вам инструкции по изменению пароля.

Регистрация нового аккаунта

Пароли не совпадают

Встречайте Mesh градиенты

Добавили для вас генератор меш градиентов и новую mesh библиотеку, которую можете пополнить и вы своими градиентами. Теперь вы можете создавать красивые абстрактные градиенты, скачивать их, копировать их CSS-код, сохранять в личном кабинете и добавлять их в общую библиотеку.

Скоро мы добавим генератор радиальных градиентов!

Меш градиенты