Пипетка цвета с экрана

Загрузите скриншот и узнайте точный цвет любого пикселя — HEX, RGB и HSL обновляются при движении курсора.

Изображения пока нет

Перетащите изображение сюда, вставьте скриншот через ⌘V / Ctrl+V или выберите файл.

PNG, JPG, WebP, GIF и BMP — до 20 МБ и 16 мегапикселей.

Всё выполняется в браузере. Изображение читается из памяти и никогда не отправляется на сервер.

Если браузер поддерживает, кнопка «Взять с экрана» читает цвет прямо с экрана. Если такой кнопки нет, сделайте скриншот и вставьте его.

Выбранные цвета

Пока ничего не закреплено — щёлкните по пикселю на изображении.

Как пользоваться

  1. Загрузите изображение: перетащите его, вставьте скриншот через ⌘V / Ctrl+V, выберите файл или нажмите «Загрузить пример».
  2. Двигайте курсор по изображению — HEX, RGB и HSL обновляются на лету, а на компьютере показывается лупа 11 × 11 пикселей.
  3. Щёлкните или коснитесь пикселя, чтобы закрепить его в списке ниже, затем скопируйте любое значение одним нажатием.
  4. Если браузер поддерживает, нажмите «Взять с экрана», чтобы прочитать цвет в любом месте экрана без загрузки изображения.
  5. Клавиатура: сфокусируйте изображение, перемещайте точку стрелками (с Shift — быстрее), затем нажмите Enter, чтобы закрепить цвет.
  6. Нажмите «Очистить», чтобы сбросить изображение, показания и список.

Пример

Пример изображения

ykit-sample.png
1200 × 800 · шесть цветных блоков, градиент и один прозрачный участок

Показание

#1E5FBF
rgb(30, 95, 191)
hsl(216, 73%, 43%)
Оттенок: синий · в точке 240, 180

Показание берётся из исходного пикселя под курсором, а не из масштабированного предпросмотра. Полностью прозрачный пиксель сообщает, что цвета у него нет, вместо того чтобы показывать #000000.

Правила, ограничения и известные проблемы

  • Название оттенка — это грубая группа по тону и светлоте, а не точное название цвета.
  • У полностью прозрачного пикселя нет цвета; инструмент говорит об этом, а не показывает #000000. Частично прозрачный пиксель сохраняет свой RGB и показывает процент альфы.
  • Значения берутся из исходного пикселя, а предпросмотр масштабируется по размеру: на сглаженных краях цвета смешиваются, поэтому берите пробу внутри фигуры, а не на её контуре.
  • Выбор с экрана требует поддержки EyeDropper в браузере и действия пользователя. Если она недоступна, кнопка скрыта — сделайте скриншот и вставьте его.
  • Одно изображение за раз, до 20 МБ и 16 мегапикселей. Всё, что больше, отклоняется сразу, а не замедляет страницу незаметно.
  • На фото влияют баланс белого, сжатие и калибровка экрана: полученное значение соответствует файлу, а не обязательно реальному объекту.
  • Ни доминирующей палитры, ни конвертации форматов, ни редактирования изображений, ни экранной линейки — это отдельные инструменты, ссылки ниже.

Что делать дальше с полученным значением.