Конвертер цветов и палитра
Переводите цвет между HEX, RGB, HSL и CMYK и подбирайте гармоничные палитры. Нажмите на цвет, чтобы скопировать его код.
Палитры
Как работать с цветами
Выберите цвет на палитре или введите его значение в любом формате: HEX, RGB или HSL. Остальные форматы пересчитываются автоматически, включая CMYK для печати. Любой код копируется одним нажатием.
Блок «Палитры» помогает подобрать сочетания: комплементарные (противоположные) цвета для контраста, аналоговые для спокойных схем, триаду и тетраду для ярких решений, а также оттенки и монохромные варианты одного цвета.
Калькулятор контраста показывает, насколько читается белый или чёрный текст на выбранном фоне по стандарту WCAG. Для основного текста нужен контраст не менее 4.5.
Частые вопросы
Как перевести HEX в RGB?
Введите HEX-код, например #6366F1, — значения R, G и B появятся рядом. HEX состоит из трёх пар шестнадцатеричных чисел: красный, зелёный и синий каналы.
Что такое HSL?
Это цветовая модель из тона (0–360°), насыщенности и яркости в процентах. Она удобна, когда нужно сделать цвет светлее, темнее или бледнее.
Что значит контраст WCAG?
Это отношение яркости текста и фона. Значение от 4.5 считается достаточным для обычного текста, от 3 — для крупного.