Выбор цвета и генератор палитр — бесплатно
Выбирайте цвета, конвертируйте HEX/RGB/HSL, создавайте гармоничные палитры.
RGB
HSL
Ещё форматы
Контраст WCAG
Ближайший именованный цвет: dodgerblue · Чёрный текст здесь читается лучше (5,71:1)
Оттенки и тона (50–950)
Цветовая палитра
Комплементарные
Триадические
Аналоговые
Монохроматические
Частые применения
- Выбор цвета для веб дизайнаВыбрать и создать цвета для вашего веб сайта — получить значения HEX RGB и HSL плюс гармоничные палитры.
- Выбор цвета для брендингаПостроить палитру цветов вашего бренда — выбрать первичные вторичные и акцентные цвета которые работают вместе.
- Выбор цвета для социальных сетейСоздать привлекающие внимание палитры цветов для постов историй и дизайнов профилей социальных сетей.
- Выбор цвета для печатного дизайнаВыбрать цвета для печатных материалов — листовки визитные карточки брошюры — с точным цветовым просмотром.
- Выбор цвета для презентацийПроектировать цветовые схемы слайдов — выбрать читаемые цвета текста палитры диаграмм и согласованные оттенки акцентов.
Как это работает
Всё работает прямо в вашем браузере с использованием написанной вручную математики конвертации — без библиотеки цветов, без обращений к серверу. Вы выбираете цвет через нативный ввод цвета браузера или API EyeDropper, и инструмент мгновенно конвертирует его в шесть форматов, одновременно вычисляя коэффициенты контраста WCAG и генерируя гармоничные палитры.
- 1Ввод цвета через нативный APIВы выбираете цвет через встроенный виджет браузера <input type="color">, или — в браузерах на базе Chromium — API EyeDropper позволяет взять пробу любого пикселя на вашем экране. Оба пути возвращают строку hex, которая становится единым источником истины.
- 2Написанные вручную конвертации форматовИнструмент конвертирует значение hex в RGB, HSL, HSV, CMYK и OKLCH с использованием собственных математических функций (без внешней библиотеки). Конвертация OKLCH линеаризует каналы sRGB, применяет матрицу кубического корня OKLab, затем выводит цветность и угол тона — соответствуя выводу современного CSS Color Level 4.
- 3Расчёт коэффициента контраста WCAGОтносительная яркость вычисляется из линеаризованных каналов RGB по формуле WCAG 2.x. Затем инструмент рассчитывает коэффициенты контраста с чисто белым и чисто чёрным и обозначает их как AA-крупный, AA, AAA или Не пройдено согласно порогам WCAG (3:1, 4,5:1, 7:1).
- 4Генерация гармоничной палитры и локальное сохранениеКомплементарные, триадные, аналоговые и монохромные образцы выводятся путём математического вращения или шага значений тона и светлоты HSL. Сохранённые палитры записываются в localStorage вашего браузера — ничего не покидает ваше устройство.
Похожие инструменты
Генератор случайных цветов
Создавайте случайные цвета по одному или палитрой из пяти, фиксируйте понравившиеся, копируйте значения HEX, RGB или HSL и экспортируйте палитру как PNG или CSS.
Конвертер цветов
Мгновенно конвертируйте цвета между форматами HEX, RGB, HSL, HSV и CMYK. Включает шкалу яркости и наборы образцов.
Извлечение цветовой палитры из изображения
Извлекайте доминирующие цвета из любого изображения с помощью квантизации цветов k-средних. Получайте HEX-коды для 2–16 основных цветов в вашем фото или логотипе.