На главную

Выбор и конвертер цветов

Выберите цвет, вставьте код или нажмите на изображение, чтобы получить цвет во всех форматах, подходящие палитры и проверку контраста текста.

  1. Выберите цвет, код или изображение
  2. Смотрите его в HEX, RGB, HSL, HSV и CMYK
  3. Копируйте коды и палитры или проверьте контраст
Загрузка инструмента…

Файлы не покидают ваше устройство

Форматы цвета

Составление палитры

Читаемый текст (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 на компьютере) появляется кнопка «Взять с экрана».

Похожие инструменты

Сохраните инструмент, чтобы воспользоваться им позже

Добавьте страницу в закладки браузера сочетанием клавиш Ctrl + D