Пипетка цвета по фото
Кликните на любой пиксель фото, чтобы получить его точный цвет.
Наведите на фото, чтобы увеличить область, затем кликните, чтобы выбрать точный цвет пикселя.
Работает в браузере. Ваши файлы никогда не покидают устройство.
- HEX, RGB и HSL
- Лупа для точного выбора
- Палитра основных цветов
Как выбрать цвет из изображения
- Перетащите фото сюда.
- Наведите на фото и кликните по нужному пикселю.
- Скопируйте значение HEX, RGB или HSL.
HEX, RGB и HSL простыми словами
| Формат | Пример | Используется для |
|---|---|---|
| HEX | #3B82F6 | CSS, дизайн-инструменты, большинство гайдлайнов |
| RGB | rgb(59, 130, 246) | CSS, редакторы изображений |
| HSL | hsl(217, 91%, 60%) | Настройка яркости или насыщенности цвета |
Как строится палитра основных цветов
Фото уменьшается до небольшого рабочего размера, затем его цвета группируются примерно в 8 характерных оттенков с помощью квантования цвета, того же приёма, что уменьшает фото до меньшей палитры для GIF или PNG с индексированными цветами. Она отражает цвета, занимающие больше всего площади, а не обязательно самые яркие на вид.
Советы для точного выбора
- Приблизьте изображение лупой перед кликом. Она показывает увеличенный вид пикселей вокруг курсора, чтобы вы могли точно навестись на нужный.
- Откройте «Историю», чтобы повторно использовать цвет, уже выбранный ранее в этой же сессии.
- Для фото с шумом или артефактами JPEG выбирайте пиксель на ровном участке нужного цвета, а не на границе, где сжатие может сдвинуть отдельные пиксели.
Частые вопросы о Пипетка цвета по фото
Насколько точен выбор цвета?
Он считывает именно тот пиксель, что под курсором, увеличенный в лупе, чтобы вы могли точно прицелиться.
Что такое палитра основных цветов?
Она показывает около 8 цветов, которые чаще всего встречаются на фото, что полезно для подбора дизайна под картинку.
Можно вернуться к уже выбранному цвету?
Да. Каждый цвет, по которому вы кликнули, сохраняется в «Истории», так что можно кликнуть по нему снова, чтобы вернуть значения HEX, RGB и HSL.
Моё фото загружается куда-то?
Нет. Пипетка считывает пиксели в браузере, поэтому фото никогда не покидает ваше устройство.
В чём разница между HEX и RGB?
Они описывают один и тот же цвет в разной записи. HEX использует 6-значный код, RGB показывает значения красного, зелёного и синего от 0 до 255. Используйте тот вариант, который ожидает ваш инструмент или CSS.
Зачем использовать HSL вместо HEX?
HSL разделяет тон, насыщенность и яркость цвета, поэтому проще сделать более светлую или приглушённую версию цвета, изменив одно число, вместо пересчёта всех трёх значений RGB.
Выбранный цвет учитывает сжатие JPEG?
Нет, считывается точное значение пикселя из файла, который вы перетащили, включая любой цветовой сдвиг, который уже внесло сжатие JPEG. Для самого точного цвета выбирайте пиксель на ровном участке, а не на границе.