Конвертеры
цветов
Переводите цвета между форматами HEX, RGB, HSL, CMYK и другими. Незаменимый инструмент для дизайнеров и разработчиков — копируйте значения в один клик и сразу используйте в коде или макете.
Конвертеры цветов
Генератор градиента
Создание линейных, радиальных и конических CSS-градиентов с настройкой угла, до шести точек перехода и готовым кодом
Генератор палитры
Подбор сочетающихся цветов по шести схемам гармонии с контрастом каждого цвета и готовыми CSS-переменными
Именованные цвета CSS
Все 148 ключевых слов CSS с кодами HEX и RGB, поиском по названию и русскому имени, фильтром по оттенкам
Инверсия цвета
Инверсия, дополнительный цвет, зеркало по светлоте и перевод в серый с разбором, чем инверсия отличается от противоположного цвета
Конвертер цветов
Перевод цвета между HEX, RGB, RGBA, HSL, HSB, CMYK, LAB и десятичным кодом с пипеткой, ползунками каналов и проверкой контраста
Оттенки цвета
Шкала оттенков от 50 до 950 для дизайн-системы, светлее и темнее исходного, с контрастом каждой ступени и готовыми CSS-переменными
Проверка контраста
Расчёт контраста текста и фона по WCAG с проверкой уровней AA и AAA, живым превью и подбором проходящего цвета
Симулятор дальтонизма
Проверка палитры при протанопии, дейтеранопии, тританопии и ахроматопсии с поиском цветов, которые сливаются
Смешение цветов
Смешивание двух цветов в любой пропорции тремя способами с разбором, почему наивное усреднение даёт результат темнее правильного
Цвет для кода
Один цвет в восемнадцати форматах для CSS, Swift, Android, Flutter, C#, Unity, Qt и Delphi с пометками о порядке компонентов
Цветовая температура
Перевод температуры в кельвинах в цвет свечения по планковскому локусу с таблицей источников и подбором ламп для комнат
HEX в RGB
Перевод шестнадцатеричного кода цвета в RGB с пипеткой, ползунками каналов и таблицей 33 популярных оттенков
HEX в RGBA
Перевод цвета в RGBA с прозрачностью, восьмизначный HEX и таблица соответствия процентов альфа-канала шестнадцатеричным суффиксам
RGB в CMYK
Перевод экранного цвета RGB в печатный CMYK с честным объяснением, почему результат приблизительный и когда нужна цветопроба
RGB в HEX
Перевод RGB в шестнадцатеричный код цвета для CSS с ползунками каналов и таблицей популярных оттенков
RGB в HSL
Перевод цвета в HSL и HSB в обе стороны — тон, насыщенность и светлота с лентой оттенков и таблицей популярных цветов
Форматы записи цвета
Чем они отличаются и когда какой нужен
Шестнадцатеричная запись вида #4F8EF7 — по два знака на красный, зелёный и синий. Самый компактный способ записать цвет.
Три числа от 0 до 255 — интенсивность каждого канала. То же самое, что HEX, только в десятичном виде и с поддержкой прозрачности.
Тон, насыщенность и светлота. Удобен, когда нужно осветлить или затемнить цвет, не меняя его характера, — правится одно число.
Голубой, пурпурный, жёлтый и чёрный — краски офсетной печати. Экранные цвета передаются в нём приблизительно.