Инструменты
Бесплатно, мгновенно и полностью в вашем браузере.
Конвертер цвета
HEX · RGB · HSL · OKLCH · Lab · CMYK
Смотреть всеКонтраст WCAG
Соотношение и уровень AA/AAA
Смотреть всеСимуляция дальтонизма
Протан / Дейтеран / Тритан
Смотреть всеПипетка с изображения
Извлечение цветов локально
Смотреть всеCSS-градиент
Перцептивно равномерный градиент
Смотреть всеГенератор палитры
Гармонии из любого цвета
Смотреть всеСмешение цветов
Смешение в Lab/OKLCH
Смотреть всеΔE разница цвета
CIELAB ΔE76 и дистанция OKLCH
Смотреть всеМассовая конвертация
Пакетная конвертация списка
Смотреть всеСопоставление RAL
RAL ↔ HEX / OKLCH
Смотреть всеГенератор шкалы цвета
Любой цвет → шкала 50–950 с экспортом CSS
Смотреть всеПоиск ближайшего цвета
Подбор HEX к традиционным, Tailwind, Material и RAL
Смотреть всеТрадиционные палитры
Сезон, стихия и гармония азиатских цветовых традиций
Смотреть всеСетка контраста
Матрица WCAG N×N для списка цветов
Смотреть всеПалитра и дальтонизм
Симуляция палитры и поиск совпадающих пар
Смотреть всеMesh-градиент
Слоистые радиальные градиенты с экспортом CSS и SVG
Смотреть всеПалитры дизайн-систем
Цветовые шкалы и токены для фреймворков из одного базового цвета.
Тоны Material Design
Тональная палитра M3 и цветовые роли
Смотреть всеПалитра Tailwind CSS
Генерация утилитарных оттенков 50–950
Смотреть всеПалитра UnoCSS
Цветовая шкала атомарного CSS
Смотреть всеТокены Panda CSS
Объект токенов для Panda CSS
Смотреть всеТема Vanilla Extract
Контракт темы и CSS-переменные
Смотреть всеТокены StyleX
Дизайн-токены для StyleX
Смотреть всеПалитра Bootstrap
Цвета темы и семантические токены
Смотреть всеПалитра Ant Design
Пресеты с шагами 1–10
Смотреть всеOpen Color
Открытая UI-палитра
Смотреть всеПалитра Chakra UI
Шкалы темы 50–950
Смотреть всеRadix Colors
12-ступенчатые шкалы для интерфейсов
Смотреть всеЦвета Fluent UI
Бренд-шкалы Microsoft 10–160
Смотреть всеПалитра Primer
Токены дизайн-системы GitHub
Смотреть всеПалитра Polaris
Цветовые токены Shopify Admin
Смотреть все