Пипетка по изображению
Загрузите картинку: на компьютере наведите мышью и кликните, чтобы зафиксировать цвет. На телефоне — нажмите на изображение и ведите пальцем.
Данные не отправляются на сервер — всё происходит в браузере.
Пиксель и палитра снимка
Пипетка берёт цвет одной точки кадра. Палитра доминантных цветов собирает другие роли: самые частые пятна всего изображения. Точка даёт код для кнопки или фона. Набор из 3–10 цветов можно забрать в генератор и править дальше.
Для вёрстки удобен HEX. RGB нужен, когда оттенок смешивают в редакторе. Рядом считаются HSL, CMYK и LAB, чтобы не переписывать одно и то же число в другую модель.
Чтение пикселя и сбор палитры идут в браузере. Файл на сервер не отправляется. Кнопка «Очистить» убирает картинку с экрана, копии на сайте не остаётся.
Форматы и точность
- PNG, JPEG и WebP открываются напрямую.
- Зум и лупа с сеткой нужны, когда точка лежит на границе двух пятен.
- Градиент лучше смотреть и пипеткой, и более длинной палитрой: одна точка не описывает переход.
Куда унести найденный цвет
- Каталог цветов — страница оттенка и соседние варианты. Квадратик выбранного цвета открывает его собственный адрес.
- Генератор палитр принимает набор доминантных цветов снимка.
- Визуализация цветовой палитры показывает те же роли на макете.
- Проверка контраста цвета с фоном сверяет пару, которую пипетка сняла с фото.
- Цветовой круг подбирает соседние сочетания к найденному оттенку.
Часто задаваемые вопросы
Как определить цвет на изображении?
Загрузите PNG, JPEG или WebP и кликните по пикселю. Пипетка покажет HEX, RGB и остальные модели этой точки.
Какие форматы изображения можно использовать?
Пипетка открывает PNG, JPEG и WebP. Файл читает браузер и на сервер не отправляет.
Чем выбор пикселя отличается от палитры доминантных цветов?
Пиксель — точный цвет одной точки. Палитра собирает самые частые пятна всего кадра, от 3 до 10 цветов, и её можно открыть в генераторе.