Цвет
40 toolsГенераторы палитр, проверка контрастности, конвертеры цветов (HEX, RGB, HSL, CMYK) и симуляторы дальтонизма.
Tool list
Симулятор дальтонизма
Смотрите, как цвета выглядят для разных форм дальтонизма (протанопия, дейтеранопия, тританопия), чтобы принимать более доступные дизайн-решения.
Конвертер цветов
Переводите цвет между HEX, RGB, HSL, LCH, LAB, OKLAB и OKLCH прямо в браузере, без отправки данных на сервер.
Проверка контраста цветов
Сравнивайте контраст текста и фона по требованиям WCAG: AA, AAA, large text — чтобы интерфейсы были доступнее.
Генератор CSS-градиентов
Создавайте CSS-градиенты (linear, radial, conic) с живым превью и копированием чистого CSS или утилит Tailwind.
Генератор гармонии цветов
Создавайте сбалансированные палитры (complementary, analogous, triadic, tetradic, split-complementary) на основе одного базового цвета.
Библиотека палитр
Просматривайте подобранные палитры для UI, бренда и контента, фильтруйте по настроению, ищите по названию или hex и открывайте их в генераторе.
Извлечение палитры из фото
Извлекайте 5–10 доминирующих цветов из фотографий, артворков и скриншотов — копируйте hex или открывайте в генераторе.
Генератор палитр
Создавайте гармоничные палитры, закрепляйте нужные цвета, редактируйте HEX, просматривайте RGB и OKLCH, экспортируйте CSS-переменные, JSON или изображение.
Пипетка по изображению
Берите точные цвета из изображений с увеличенным просмотром до пикселя — точная выборка для дизайнов.
Tailwind shade-scale
Преобразуйте один базовый цвет в полную шкалу оттенков Tailwind (50–950) для прямого использования в UI и разработке.
Конвертер HEX в Colortone
Вставьте значение HEX — получите эквивалент в Colortone. Расчёт идёт в браузере, поэтому цвет не уходит на сервер. Удобно при правке CSS, подготовке макета или сверке палитры.
Конвертер RGB в Colortone
Вставьте значение RGB — получите эквивалент в Colortone. Расчёт идёт в браузере, поэтому цвет не уходит на сервер. Удобно при правке CSS, подготовке макета или сверке палитры.
Конвертер HSL в Colortone
Вставьте значение HSL — получите эквивалент в Colortone. Расчёт идёт в браузере, поэтому цвет не уходит на сервер. Удобно при правке CSS, подготовке макета или сверке палитры.
Конвертер HSV в Colortone
Вставьте значение HSV — получите эквивалент в Colortone. Расчёт идёт в браузере, поэтому цвет не уходит на сервер. Удобно при правке CSS, подготовке макета или сверке палитры.
Конвертер CMYK в Colortone
Вставьте значение CMYK — получите эквивалент в Colortone. Расчёт идёт в браузере, поэтому цвет не уходит на сервер. Удобно при правке CSS, подготовке макета или сверке палитры.
Конвертер CMYK в HEX
Вставьте значение CMYK — получите эквивалент в HEX. Расчёт идёт в браузере, поэтому цвет не уходит на сервер. Удобно при правке CSS, подготовке макета или сверке палитры.
Конвертер CMYK в RGB
Вставьте значение CMYK — получите эквивалент в RGB. Расчёт идёт в браузере, поэтому цвет не уходит на сервер. Удобно при правке CSS, подготовке макета или сверке палитры.
Конвертер CMYK в HSL
Вставьте значение CMYK — получите эквивалент в HSL. Расчёт идёт в браузере, поэтому цвет не уходит на сервер. Удобно при правке CSS, подготовке макета или сверке палитры.
Конвертер CMYK в HSV
Вставьте значение CMYK — получите эквивалент в HSV. Расчёт идёт в браузере, поэтому цвет не уходит на сервер. Удобно при правке CSS, подготовке макета или сверке палитры.
Конвертер HSV в HEX
Вставьте значение HSV — получите эквивалент в HEX. Расчёт идёт в браузере, поэтому цвет не уходит на сервер. Удобно при правке CSS, подготовке макета или сверке палитры.
Конвертер HSV в RGB
Вставьте значение HSV — получите эквивалент в RGB. Расчёт идёт в браузере, поэтому цвет не уходит на сервер. Удобно при правке CSS, подготовке макета или сверке палитры.
Конвертер HSV в HSL
Вставьте значение HSV — получите эквивалент в HSL. Расчёт идёт в браузере, поэтому цвет не уходит на сервер. Удобно при правке CSS, подготовке макета или сверке палитры.
Конвертер HSV в CMYK
Вставьте значение HSV — получите эквивалент в CMYK. Расчёт идёт в браузере, поэтому цвет не уходит на сервер. Удобно при правке CSS, подготовке макета или сверке палитры.
Конвертер HSL в HEX
Вставьте значение HSL — получите эквивалент в HEX. Расчёт идёт в браузере, поэтому цвет не уходит на сервер. Удобно при правке CSS, подготовке макета или сверке палитры.
Конвертер HSL в RGB
Вставьте значение HSL — получите эквивалент в RGB. Расчёт идёт в браузере, поэтому цвет не уходит на сервер. Удобно при правке CSS, подготовке макета или сверке палитры.
Конвертер HSL в HSV
Вставьте значение HSL — получите эквивалент в HSV. Расчёт идёт в браузере, поэтому цвет не уходит на сервер. Удобно при правке CSS, подготовке макета или сверке палитры.
Конвертер HSL в CMYK
Вставьте значение HSL — получите эквивалент в CMYK. Расчёт идёт в браузере, поэтому цвет не уходит на сервер. Удобно при правке CSS, подготовке макета или сверке палитры.
Конвертер HEX в HSV
Вставьте значение HEX — получите эквивалент в HSV. Расчёт идёт в браузере, поэтому цвет не уходит на сервер. Удобно при правке CSS, подготовке макета или сверке палитры.
Конвертер HEX в HSL
Вставьте значение HEX — получите эквивалент в HSL. Расчёт идёт в браузере, поэтому цвет не уходит на сервер. Удобно при правке CSS, подготовке макета или сверке палитры.
Конвертер RGB в HEX
Вставьте значение RGB — получите эквивалент в HEX. Расчёт идёт в браузере, поэтому цвет не уходит на сервер. Удобно при правке CSS, подготовке макета или сверке палитры.
Конвертер RGB в HSV
Вставьте значение RGB — получите эквивалент в HSV. Расчёт идёт в браузере, поэтому цвет не уходит на сервер. Удобно при правке CSS, подготовке макета или сверке палитры.
Конвертер RGB в HSL
Вставьте значение RGB — получите эквивалент в HSL. Расчёт идёт в браузере, поэтому цвет не уходит на сервер. Удобно при правке CSS, подготовке макета или сверке палитры.
Конвертер RGB в CMYK
Вставьте значение RGB — получите эквивалент в CMYK. Расчёт идёт в браузере, поэтому цвет не уходит на сервер. Удобно при правке CSS, подготовке макета или сверке палитры.
Конвертер HEX в RGB
Вставьте значение HEX — получите эквивалент в RGB. Расчёт идёт в браузере, поэтому цвет не уходит на сервер. Удобно при правке CSS, подготовке макета или сверке палитры.
Конвертер HEX в CMYK
Вставьте значение HEX — получите эквивалент в CMYK. Расчёт идёт в браузере, поэтому цвет не уходит на сервер. Удобно при правке CSS, подготовке макета или сверке палитры.
Конвертер Colortone в HEX
Вставьте значение Colortone — получите эквивалент в HEX. Расчёт идёт в браузере, поэтому цвет не уходит на сервер. Удобно при правке CSS, подготовке макета или сверке палитры.
Конвертер Colortone в RGB
Вставьте значение Colortone — получите эквивалент в RGB. Расчёт идёт в браузере, поэтому цвет не уходит на сервер. Удобно при правке CSS, подготовке макета или сверке палитры.
Конвертер Colortone в HSL
Вставьте значение Colortone — получите эквивалент в HSL. Расчёт идёт в браузере, поэтому цвет не уходит на сервер. Удобно при правке CSS, подготовке макета или сверке палитры.
Конвертер Colortone в CMYK
Вставьте значение Colortone — получите эквивалент в CMYK. Расчёт идёт в браузере, поэтому цвет не уходит на сервер. Удобно при правке CSS, подготовке макета или сверке палитры.
Конвертер Colortone в HSV
Вставьте значение Colortone — получите эквивалент в HSV. Расчёт идёт в браузере, поэтому цвет не уходит на сервер. Удобно при правке CSS, подготовке макета или сверке палитры.