Загрузка…
Введите цвет в HEX, RGB или HSL либо выберите его визуально, чтобы получить точные значения во всех форматах. Дополнительная, аналогичная и триадная палитры рассчитываются автоматически.
Бесплатно, без учётной записи, обработка в браузере и без загрузки на сервер.
Введите цвет в HEX, RGB или HSL либо выберите его визуально, чтобы получить точные значения во всех форматах. Дополнительная, аналогичная и триадная палитры рассчитываются автоматически.
Поддерживаемые форматы
HEX
#2F4A3F
CSS, HTML и дизайн
RGB
rgb(47,74,63)
Обычная веб-разработка
HSL
hsl(150,22%,24%)
Удобная настройка тона, насыщенности и светлоты
Гармонии рассчитываются по оттенку HSL. Для доступности проверяйте контраст дополнительных цветов: например, сочетание зелёного и красного трудно различимо при некоторых видах дальтонизма.
Для зелёного #2F4A3F инструмент предложит дополнительный бордовый #4A2F3F для кнопки действия. Перед применением проверьте контраст.