Цветовой пикер
Выберите цвет — и сразу увидите его в HEX, RGB, HSL и HSV. Генерируйте комплементарные, аналоговые, триадные, раздельно-комплементарные и монохромные палитры. Показывает оттенки и тона текущего цвета. Клик по образцу копирует значение.
Как пользоваться
1
Выберите цвет
Используйте пикер для выбора базового цвета.
2
Посмотрите конвертации
Цвет сразу виден в HEX, RGB, HSL и HSV.
3
Сгенерируйте палитру
Кликните тип палитры — комплементарная, аналоговая или другая.
4
Скопируйте значение
Кликните по образцу или значению, чтобы скопировать.
HEX
RGB
HSL
HSV
Оттенки выбранного цвета
#e8eefd
#c2d4f9
#9db9f6
#789ff2
#5284ef
#2d69eb
#1453db
#1145b6
#0d3791
#0a296b
#071b46
#04122f
#020917
Гармоничные палитры
Комплементарная
#2563ebОсновной
#ebac24
Аналоговая
#2563ebОсновной
#24c6eb
#4824eb
Триада
#2563ebОсновной
#eb2463
#63eb24
Раздельно-комплементарная
#2563ebОсновной
#eb4824
#c6eb24
Монохромная
#2563ebОсновной
#04122f
#0b2c75
#1659e9
#8aacf4
#d0defb
Возможности
Четыре формата
HEX, RGB, HSL и HSV — все сразу.
Пять типов палитр
Комплементарная, аналоговая, триада, раздельно-комплементарная и монохромная.
Оттенки и тона
Более светлые и тёмные варианты текущего цвета.
Копирование любого значения
Кликните по образцу или значению — оно скопируется.
Типичные сценарии
- Перевести HEX-цвет в RGB для CSS
- Сгенерировать комплементарный цвет для дизайна
- Найти оттенки и тона брендового цвета
- Изучить гармоничные палитры для проекта