Utilia

Избор на цвят от изображение

Качете изображение и щракнете върху пиксел, за да получите цвета му като HEX, RGB, HSL, HSV и CMYK. Лупа и списък с избрани цветове в браузъра.

Как да вземете цвят от изображение

  1. Пуснете изображение в зоната за качване или щракнете върху нея, за да изберете файл (JPG, PNG, WebP, GIF или друг формат, който браузърът ви може да показва).
  2. Движете показалеца над картината. Лупата показва уголемени пикселите около курсора, а Под курсора дава HEX кода на живо.
  3. Щракнете върху желания пиксел. Пробата Избран цвят го показва с позицията на пиксела, а до нея се появяват кодовете HEX, RGB, HSL, HSV и CMYK, всеки с бутон Копирай.
  4. Продължете да щраквате, за да съберете още цветове: те се добавят към Избрани цветове, където можете да копирате всеки. Изчисти списъка го изпразва.

На телефон или таблет просто докоснете изображението. С клавиатура фокусирайте изображението с Tab, движете се със стрелките (задръжте Shift, за да се движите по 10 пиксела) и натиснете Enter, за да изберете.

Изображението никога не напуска вашето устройство: декодира се и се чете само от вашия браузър. Нищо от въведеното не се изпраща към сървър.

Един пиксел или средно?

Менюто Размер на пробата определя колко пиксела се четат при всеки избор:

  • 1 пиксел връща точния цвят на пиксела под курсора. Използвайте го за плоски графики, лога, екранни снимки и икони.
  • Средно за 3 × 3 и Средно за 5 × 5 връщат средния цвят на 9 или 25 околни пиксела. Използвайте ги за снимки: JPEG компресията и шумът на камерата правят съседните пиксели малко различни, а средната стойност дава цвят, който по-добре представя видяното.

Квадратът, очертан в лупата, показва точно кои пиксели се включват. Близо до краищата на изображението се броят само пикселите, които съществуват.

Прозрачните пиксели във файлове PNG или WebP също се обработват: цветът се претегля по непрозрачност, така че напълно прозрачните области не изтеглят резултата към черно, а частично прозрачен резултат получава осемцифрен HEX код с алфа, като #FF000080.

Точност и ограничения

  • Цветовете се четат в пространството sRGB на canvas на браузъра ви. Изображения, запазени с друг цветови профил (Adobe RGB, Display P3), първо се преобразуват от браузъра, така че кодовете съвпадат с видяното на екрана, но може да се различават малко от суровите стойности във файла, които показва редакторът на снимки.
  • Много големите изображения се намаляват до 4096 пиксела по най-дългата страна, за да е разумно използването на памет. Инструментът ви казва, когато това се случи; при такива изображения всеки избран пиксел вече е малка средна стойност от оригинала.
  • Стойностите в CMYK са опростено преобразуване без ICC профил, полезно само като груб ориентир.

Често задавани въпроси

Как да намеря HEX кода на цвят от снимка?

Отворете снимката с този инструмент и щракнете върху цвета. HEX кодът се появява в полето Избран цвят; щракнете върху Копирай до него, за да го поставите в CSS, Figma, Canva или друго приложение.

Защо съседните пиксели на снимката ми имат различни кодове?

Снимките съдържат шум, преливания и артефакти от компресията, така че два пиксела, които изглеждат еднакви, рядко имат една и съща стойност. Изберете Средно за 3 × 3 или Средно за 5 × 5 в Размер на пробата, за да получите по-устойчив цвят.

Мога ли да вземам цветове от екранна снимка на уебсайт?

Да. Направете екранна снимка, запазете я като PNG и я пуснете тук. PNG екранните снимки са без загуби, така че с 1 пиксел получавате точния цвят, използван на страницата, стига екранът да не е прилагал мащабиране или управление на цветовете.

Качва ли се моето изображение?

Не. Файлът се отваря от браузъра ви и се рисува върху canvas на вашето устройство. Нищо не се изпраща към сървър, а затварянето на страницата го изхвърля.

Мога ли да получа цяла палитра вместо отделни цветове?

Този инструмент чете отделни пиксели. За да получите автоматично основните цветове на изображение, използвайте инструмент за палитра от изображение, който групира подобни пиксели и изброява доминиращите цветове с техния дял.