Пипетка цвета с экрана
Загрузите скриншот и узнайте точный цвет любого пикселя — HEX, RGB и HSL обновляются при движении курсора.
Загрузка изображения…
Изображения пока нет
Текущий цвет
Следует за курсором, пока он над изображением. Щёлкните, чтобы добавить цвет в список ниже.
HEX
—RGB
—HSL
—Выбранные цвета
Пока ничего не закреплено — щёлкните по пикселю на изображении.
Как пользоваться
- Загрузите изображение: перетащите его, вставьте скриншот через ⌘V / Ctrl+V, выберите файл или нажмите «Загрузить пример».
- Двигайте курсор по изображению — HEX, RGB и HSL обновляются на лету, а на компьютере показывается лупа 11 × 11 пикселей.
- Щёлкните или коснитесь пикселя, чтобы закрепить его в списке ниже, затем скопируйте любое значение одним нажатием.
- Если браузер поддерживает, нажмите «Взять с экрана», чтобы прочитать цвет в любом месте экрана без загрузки изображения.
- Клавиатура: сфокусируйте изображение, перемещайте точку стрелками (с Shift — быстрее), затем нажмите Enter, чтобы закрепить цвет.
- Нажмите «Очистить», чтобы сбросить изображение, показания и список.
Пример
Пример изображения
ykit-sample.png 1200 × 800 · шесть цветных блоков, градиент и один прозрачный участок
Показание
#1E5FBF rgb(30, 95, 191) hsl(216, 73%, 43%) Оттенок: синий · в точке 240, 180
Показание берётся из исходного пикселя под курсором, а не из масштабированного предпросмотра. Полностью прозрачный пиксель сообщает, что цвета у него нет, вместо того чтобы показывать #000000.
Правила, ограничения и известные проблемы
- Название оттенка — это грубая группа по тону и светлоте, а не точное название цвета.
- У полностью прозрачного пикселя нет цвета; инструмент говорит об этом, а не показывает #000000. Частично прозрачный пиксель сохраняет свой RGB и показывает процент альфы.
- Значения берутся из исходного пикселя, а предпросмотр масштабируется по размеру: на сглаженных краях цвета смешиваются, поэтому берите пробу внутри фигуры, а не на её контуре.
- Выбор с экрана требует поддержки EyeDropper в браузере и действия пользователя. Если она недоступна, кнопка скрыта — сделайте скриншот и вставьте его.
- Одно изображение за раз, до 20 МБ и 16 мегапикселей. Всё, что больше, отклоняется сразу, а не замедляет страницу незаметно.
- На фото влияют баланс белого, сжатие и калибровка экрана: полученное значение соответствует файлу, а не обязательно реальному объекту.
- Ни доминирующей палитры, ни конвертации форматов, ни редактирования изображений, ни экранной линейки — это отдельные инструменты, ссылки ниже.
Похожие инструменты
Что делать дальше с полученным значением.