Как Это Работает
1
Выберите Ваш Цвет
Используйте выбор спектра, цветовое колесо или вставьте любой код цвета.
2
Создайте Вашу Палитру
Добавляйте цвета в палитру, генерируйте гармонии, проверяйте контраст и создавайте градиенты. Заблокируйте цвета, которые вам нравятся, и перемешайте остальные.
3
Экспорт Куда Угодно
Копируйте в любом формате, экспортируйте как CSS переменные, конфиг Tailwind, SCSS или JSON. Все происходит в вашем браузере.
Мощные Функции
100% Приватно
Вся обработка происходит локально. Никаких загрузок, никаких серверов, никакого отслеживания.
14+ Цветовых Форматов
HEX, RGB, HSL, HSV, CMYK, LAB, LCH, OKLAB, OKLCH, HWB и другие.
Инструменты Доступности
Проверка контраста WCAG и APCA, симуляция дальтонизма.
Цветовые Гармонии
Комплементарные, аналоговые, триадические, тетрадические и другие схемы.
Часто Задаваемые Вопросы
Мои данные приватны?
Да, на 100%. Вся обработка цветов происходит полностью в вашем браузере с использованием JavaScript. Никакие данные никогда не отправляются ни на какой сервер. Мы ничего не отслеживаем, не храним и не передаем.
Какие цветовые форматы поддерживаются?
Мы поддерживаем 14+ цветовых форматов: HEX, HEX8 (с альфой), RGB, RGBA, HSL, HSLA, HSV, HWB, CMYK, LAB, LCH, OKLAB и OKLCH. Вы можете вводить и выводить в любом формате.
Что такое контраст WCAG?
WCAG (Руководство по обеспечению доступности веб-контента) определяет минимальные коэффициенты контраста для читаемости текста. AA требует 4.5:1 для обычного текста и 3:1 для крупного текста. AAA требует 7:1 и 4.5:1 соответственно.
Что такое APCA?
APCA (Усовершенствованный алгоритм перцептивного контраста) — это современный метод расчета контраста, который лучше моделирует человеческое восприятие. Он рассматривается для WCAG 3.0 и дает более точные результаты для реальной читаемости.