С этим инструментом что-то не так?
О «Пипетка цвета с изображения Онлайн»
Назначение
Выбор цвета из изображения — это пипетка для ваших собственных картинок. Загрузите изображение, щёлкните по точке, и инструмент считает точный цвет этого пикселя и покажет его вам. Никаких догадок и ручного подбора — вы указываете на нужный цвет и мгновенно получаете его точное значение.
Какие значения он показывает
Каждый выбор выводится сразу в трёх форматах: HEX вида #3b82f6, RGB вида rgb(59, 130, 246) и HSL вида hsl(217, 91%, 60%). У каждого значения есть кнопка копирования в один щелчок, так что цвет можно вставить прямо в CSS, инструмент дизайна или документ. Для веба & дизайна обычно нужен именно HEX.
История выбранных цветов
Инструмент хранит историю цветов, которые вы выбираете, в виде ряда образцов. Возьмите пробы в нескольких точках изображения — каждый цвет сохраняется, чтобы вы могли сравнить их, скопировать более ранний или собрать целую палитру, не теряя место. Это самый быстрый способ вытащить набор связанных цветов из одной картинки.
Приватно и в браузере
Всё работает полностью в вашем браузере. Изображение читается локально на вашем устройстве и никогда не загружается на сервер, поэтому ничто не покидает ваш компьютер. Это делает инструмент безопасным для конфиденциальных макетов, логотипов клиентов и скриншотов. Используйте его, чтобы извлечь фирменные цвета из логотипа, подобрать цвет с фотографии или взять цвет со скриншота.
Как пользоваться этим инструментом
Шаги
Загрузите изображение с устройства — логотип, фото или скриншот с нужными цветами.
Щёлкните по точке на изображении, чтобы выбрать цвет именно этого пикселя.
Прочитайте значения HEX, RGB и HSL и нажмите кнопку копирования рядом с нужным.
Продолжайте щёлкать, чтобы собрать больше цветов — каждый добавляется в историю, и вы соберёте палитру.
Советы
- Приближайте для точных пикселей. Когда цвета расположены близко, увеличение изображения помогает попасть точно в нужный пиксель.
- Используйте качественное изображение. Чёткая, несжатая картинка даёт более верные цвета; сильные артефакты JPEG могут сдвинуть выбранный пиксель.
- Копируйте HEX для CSS и инструментов дизайна. Значение
#аккуратно вставляется в таблицы стилей, Figma и большинство редакторов.