--color-primary: #06d6a0;bg-[#06d6a0]@theme {
--color-primary: oklch(78% 0.16 167);
}Конвертер цветов — бесплатный онлайн-инструмент для преобразования между HEX, RGB, HSL, OKLCH и другими цветовыми пространствами. Включает визуальный выбор, извлечение палитры из изображений, проверку контрастности WCAG и симуляцию дальтонизма. Работает полностью в браузере.
Что такое инструмент «Цвет»?
Комплексная цветовая утилита, преобразующая между 7 цветовыми пространствами (HEX, RGB, HSL, HSV, CMYK, LAB, OKLCH), генерирующая цветовые гармонии, проверяющая контрастность для доступности, симулирующая дефекты цветового зрения и извлекающая палитры из изображений.
Типичные сценарии
Выбор и конвертация цветов для веб-разработки — получите точное значение HEX, RGB, HSL или OKLCH для CSS или Tailwind.
Проверка контрастности текста относительно фона для соответствия рекомендациям WCAG (AA/AAA) или новому стандарту APCA.
Извлечение доминирующих цветов из изображения для создания связной дизайн-палитры с генерацией комплементарных, аналоговых или триадных гармоний.
Цветовые пространства
Этот цветовой инструмент выполняет преобразование между 7 цветовыми пространствами, генерирует гармонии, проверяет контрастность (WCAG и APCA), симулирует дальтонизм и извлекает палитры из изображений. См. [конвертер систем счисления](/numbase) для hex-вычислений или [сжатие изображений](/image) для обработки графики.
WCAG 2.1 использует коэффициент яркости (от 1:1 до 21:1) с порогами для AA/AAA. Широко поддерживается, но не полностью учитывает восприятие мелкого текста или тёмную тему.
APCA — кандидат для WCAG 3 с полярно-зависимой оценкой Lc. Лучше коррелирует с читаемостью тонкого или мелкого текста.
Советы
- Используйте пипетку для выбора цвета с любого пикселя на экране (браузеры на Chromium).
- Перетащите изображение на вкладку «Палитра», чтобы извлечь 6 доминирующих цветов методом медианного разреза.
- Tailwind v4 генерирует цвета в OKLCH для перцептуальной плавности — скопируйте блок @theme для совместимости с этим подходом.