Как определить цвет онлайн через пипетку
Как определить цвет на экране
Пипетка захватывает цвет любого пикселя на экране - открытой фотографии, интерфейса программы или веб-страницы - и сразу показывает его код. Если точное значение уже известно, оттенок можно задать прямо в поле цвета.
Это удобно при верстке сайтов, дизайне интерфейсов и разборе фирменного стиля.
Какие форматы показывает пипетка
Один и тот же цвет выводится сразу в четырех записях, и каждую можно скопировать кликом:
- HEX - #RRGGBB для CSS и графических редакторов
- RGB - три канала от 0 до 255
- HSL - тон, насыщенность, светлота
- HSV - тон, насыщенность, яркость
Когда используется Color Picker
Инструмент пригодится для:
- копирования цветов с изображения
- анализа фирменного стиля
- создания дизайна
- верстки сайтов
- подготовки презентаций
Как определить цвет онлайн
-
Задайте цвет
Откройте поле цвета и выберите оттенок или нажмите Пипетку и укажите пиксель на экране.
-
Посмотрите коды
HEX, RGB, HSL и HSV пересчитаются и появятся на карточках.
-
Скопируйте значение
Кликните по нужной карточке - код уйдет в буфер для вставки в CSS или редактор.
Вопросы и ответы
Кнопка Пипетка запускает системный выбор цвета: наведите на любой пиксель экрана и кликните - код подставится автоматически (нужен Chrome, Edge или Opera)
Да, если фото открыто на экране - просто захватите его пипеткой. Отдельной загрузки картинки на странице нет
Одновременно HEX, RGB, HSL и HSV - кликните по нужному значению, чтобы скопировать его
Браузер не поддерживает EyeDropper. Задайте цвет через поле или введите HEX вручную