Пипетка цвета с экрана
Нажмите кнопку, щёлкните по любому пикселю экрана — даже за пределами окна браузера — и получите его значения HEX, RGB и HSL. Если пипетка недоступна, выберите цвет вручную.
Работает в браузере: всё, что вы вводите, никуда не отправляется.
Как пользоваться
- Нажмите Взять цвет с экрана. Курсор превратится в лупу.
- Щёлкните по нужному пикселю. Появится цвет с кодами HEX, RGB и HSL.
- Скопируйте нужный формат. Прежние цвета остаются в истории — щёлкните по образцу, чтобы вернуть его.
История хранится только на этой странице и пропадает, когда вы её закрываете.
Без пипетки
Нажмите на образец Выбор цвета, чтобы открыть системное окно выбора цвета, или введите HEX-код (три или шесть знаков, с # или без). Показываются те же три формата.
Форматы
Пример — цвет по умолчанию:
- HEX:
#3b82f6, используется в CSS и в программах для дизайна.
- RGB:
rgb(59, 130, 246) — доли красного, зелёного и синего от 0 до 255.
- HSL:
hsl(217, 91%, 60%) — тон в градусах, насыщенность и светлота в процентах.
Частые вопросы
В каких браузерах работает пипетка?
EyeDropper API есть в браузерах на Chromium для компьютера: Google Chrome, Microsoft Edge, Opera. На момент написания его нет в Firefox и Safari, а мобильные браузеры обычно тоже его не поддерживают. Кнопка показывается, только если браузер сообщает о поддержке.
Можно взять цвет за пределами окна браузера?
Да. В поддерживаемых браузерах пипетка берёт любой пиксель экрана, включая другие окна. Странице передаётся только один выбранный цвет, а не снимок экрана.
Почему цвет отличается от исходного?
Пипетка возвращает цвет так, как он показан на экране, в sRGB. Цветовой профиль, ночной режим, HDR и сжатие картинки могут изменить вид пикселя по сравнению с исходным файлом.
Что делать, если в браузере нет пипетки?
Выберите цвет на глаз в поле выбора цвета или введите HEX-код — он переведётся в те же форматы. Для цветов на фото загрузите снимок в инструмент «Цвет с картинки».