color/space

ПОДБОР ЦВЕТА И ПАЛИТРА

Палитра · конвертер · изображение

ЦВЕТ · ФОРМАТЫ · ИЗОБРАЖЕНИЯ

Подберите цвет.
Получите любой код.

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

Подборщик цвета помогает получить точные значения для веб-дизайна и графики: введите код или выберите оттенок на круге — HEX, RGB, HSL и другие представления обновятся автоматически. В режиме изображения можно щёлкнуть по пикселю, увидеть его цвет и заменить похожие пиксели с заданным допуском.

Настройте прозрачность, проверьте контраст и выберите оттенок из палитры. Для изображения задайте допуск замены и сохраните результат в PNG.

Скрывает редкие Lab/XYZ и другие цветовые пространства.
01 / КОНВЕРТЕР 16 цветовых представлений

Перевести цвет в другой формат

Можно вставить CSS-запись или компоненты через пробел/запятую. Для HEX знак # необязателен.

РЕЗУЛЬТАТ —
02 / ПОДБОР Оттенок · насыщенность · яркость · альфа

Цветовой круг

Нажмите или перетащите точку: угол задаёт оттенок, расстояние от центра — насыщенность.

КОНТРАСТ ПО WCAG На белом: — На чёрном: —

ТЕКУЩИЙ ЦВЕТ

Коды и цветовые пространства

RGB — экранные значения; CMYK здесь расчётный и не учитывает профиль конкретного принтера. Lab, LCH, OKLab и XYZ при выходе за охват sRGB отображаются после приведения к цвету экрана.

03 / ПАЛИТРА 150 оттенков · 10 столбцов × 15 рядов

Базовые цветовые оттенки

Нажмите на квадрат, чтобы выбрать оттенок и скопировать его код в формате HEX, RGB или HSV.

ВЫБРАННЫЙ ОТТЕНОК

Скопировать код цвета

HEX

RGB

HSV

После успешного копирования окно закроется.

Возможности подборщика цвета и режима изображения

  • Преобразование между 16 форматами: HEX, RGB/RGBA, HSL/HSV, HWB, CMYK, CIE Lab/LCH, OKLab/OKLCH и XYZ.
  • Интерактивный круг, системный выбор цвета, настройка оттенка, насыщенности, яркости и альфа-канала.
  • Проверка контрастности на белом и чёрном фоне по формуле WCAG и палитра из 150 базовых оттенков.
  • Копирование значений отдельных форматов или сводки выбранного цвета.
  • Считывание цвета с выбранного пикселя изображения и замена похожих RGB-оттенков с настраиваемым допуском.
  • Предпросмотр оригинала и результата, сохранение отредактированного изображения в PNG.

CMYK и другие цветовые пространства рассчитываются математически; фактическая печать зависит от профиля устройства и выбранных материалов.

COLOR/SPACE

Как работать с цветом

  1. Для преобразования вставьте код в исходную запись, выберите её формат и формат результата.
  2. Для подбора нажмите на цветовом круге или задайте HEX, оттенок, насыщенность и яркость.
  3. Ползунок альфа-канала задаёт непрозрачность; образцы показывают цвет на шахматном фоне.
  4. Значения HEX, RGB и HSV доступны в базовой палитре. Остальные представления и их коды показаны в списке текущего цвета.
  5. Контраст показывает расчётное соотношение с белым и чёрным фоном. Нажмите кнопку копирования рядом с кодом.
  6. Откройте режим «Цвета изображения», загрузите файл и нажмите по нужному цвету на оригинале. Выберите цвет замены и допуск, затем нажмите «Заменить цвет».
  7. Сохранение создаёт PNG без исходных метаданных. Размер изображения — до 8 мегапикселей.

Упрощённый режим прячет редкие цветовые пространства. Выбор цвета, обычный конвертер и базовая палитра остаются доступны.

ПРОВЕРЬТЕ ДАННЫЕ

Не удалось выполнить действие