Выбор и конвертер цветов
Выберите цвет, вставьте код или нажмите на изображение, чтобы получить цвет во всех форматах, подходящие палитры и проверку контраста текста.
- Выберите цвет, код или изображение
- Смотрите его в HEX, RGB, HSL, HSV и CMYK
- Копируйте коды и палитры или проверьте контраст
Файлы не покидают ваше устройство
Форматы цвета
- HEX: шестизначный код для веб-дизайна и CSS (#14183d).
- RGB: значения красного, зелёного и синего от 0 до 255 для экранов.
- HSL и HSV: тон, насыщенность и светлота или яркость — их легко настраивать вручную.
- CMYK: доли голубого, пурпурного, жёлтого и чёрного для печати.
Составление палитры
- Комплементарные цвета противоположны и дают сильный контраст.
- Аналоговые цвета соседствуют и выглядят спокойно и гармонично.
- Триада — равномерно разнесённые цвета для сбалансированного и живого вида.
- Нажмите на образец, чтобы сделать его текущим цветом и скопировать коды.
Читаемый текст (WCAG)
Выберите цвета текста и фона, и инструмент рассчитает коэффициент контраста. Стремитесь к 4,5:1 для основного текста и 3:1 для крупных заголовков (уровень AA); 7:1 соответствует более строгому уровню AAA.
Частые вопросы
Какие коды цветов можно вводить?
HEX (#1e90ff или 1e90ff), rgb(), hsl(), hsv(), cmyk() и названия цветов CSS, например navy или tomato.
Как взять цвет с фото или логотипа?
Откройте изображение в разделе «Взять с изображения» и нажмите на любую точку. Изображение остаётся на вашем устройстве.
Значение CMYK точно для печати?
Это стандартный математический перевод. Реальные цвета печати зависят от цветового профиля принтера — важные заказы согласуйте с типографией.
Что такое коэффициент контраста?
Он показывает, насколько читаем текст на фоне. WCAG требует не менее 4,5:1 для обычного текста и 3:1 для крупного (уровень AA).
Как создаются палитры?
Поворотом оттенка на цветовом круге: комплементарная (180°), аналоговая (±30°) и триада (120°), плюс более светлые и тёмные оттенки.
Можно взять цвет с любого места экрана?
Да, в поддерживающих браузерах (например, Chrome и Edge на компьютере) появляется кнопка «Взять с экрана».