Пипетка цветов изображения.

Лупа помогает целиться в мелкие детали. Сфокусируйте изображение и используйте клавиши со стрелками для перемещения на один пиксель, Shift плюс стрелка — на десять, и Enter для выбора. HEX, RGB и HSL имеют отдельные кнопки копирования. Источники, распознаваемые браузером, сэмплируются в браузере sRGB. Когда вместо этого используется нормализованный предварительный просмотр, его метка указывает, что цвета и координаты являются приблизительными.

«Доминирующие» отдают предпочтение основным цветам изображения. «Яркие» придают больше влияния красочным акцентам. Извлечение сэмплирует ограниченное изображение, группирует похожие цвета и возвращает до запрошенного количества; плоское изображение может содержать меньше. Полностью прозрачные пиксели исключаются, а частичная прозрачность снижает вес пикселя. Проценты описывают приблизительные сэмплированные группы, а не точный подсчет каждого исходного пикселя. Автоматическое извлечение загружает изображение на сервер.

Выберите образец, чтобы изменить его цвет, переместить влево или вправо, или удалить. «Заблокировать» сохраняет выбранный цвет при использовании «Обновить палитру» или изменении настроек извлечения. «Добавить в палитру» использует сэмплированный цвет RGB; «Добавить пользовательский цвет» позволяет ввести значение HEX. Палитра может содержать от 1 до 12 цветов для экспорта. Выбранные, отредактированные и сохраненные заблокированные цвета не получают вычисленные проценты изображения.

«Исходный цвет» сообщает выбранный пиксель и его прозрачность в скопированном коде. «Композиция на фоне» показывает его вид после смешивания с «Цветом фона сэмпла». Цвета палитры и экспорты являются непрозрачными значениями RGB, поэтому добавление полупрозрачного исходного цвета не сохраняет его альфа-канал. Режим сэмплирования меняет исследуемый цвет; он не перекрашивает исходное изображение и не меняет автоматическое извлечение.

Выберите «Текст» и «Фон» с помощью элементов управления цветом, введите значения HEX или используйте выбранный цвет. Предварительный просмотр показывает коэффициент контрастности и отдельные результаты Normal AA, Normal AAA, Large AA и Large AAA для текста. Это проверяет только выбранную пару цветов. Это не аудит всей страницы, не учитывает каждое фоновое изображение и не гарантирует, что весь дизайн доступен.

PNG создает карточку палитры с метками. SVG сохраняет образцы и метки как векторный контент. CSS экспортирует пронумерованные переменные, такие как --color-1. JSON содержит значения HEX, RGB и HSL. Выберите «Сохранить как», а затем «Начать», чтобы создать один файл с именем palette с выбранным расширением. Копирование цвета или всей палитры HEX может быть быстрее, если вам нужны только значения.