Функционалност и прецизно вземане на проби от пиксели
Инструментът позволява избор на изображение от локалното устройство и прецизно определяне на цветовите стойности на всеки отделен пиксел от него. За постигане на максимална точност при селекцията се използва вграден увеличен изглед (лупа). След като даден пиксел бъде избран, неговите стойности се извеждат едновременно в три цветови модела: HEX, RGB и HSL. Потребителят може да запазва множество избрани цветове в списък с история и да копира всяка от стойностите за последваща употреба.
При зареждане на изображението инструментът автоматично показва координатите и цветовите стойности на централния пиксел. Движението на показалеца върху изображението извършва непрекъснато вземане на проби пиксел по пиксел. За улеснение на потребителите е налична и навигация с клавиатурата:
- Движението на мерника върху изображението се извършва с клавишите със стрелки.
- Натискането на клавиша Shift едновременно с клавишите със стрелки премества мерника с по 10 пиксела.
- Натискането на Enter или Space запазва текущо анализирания цвят в историята.
Историята на запазените цветове поддържа до 12 записа. Цветове с еднакви RGB стойности, но с различна степен на прозрачност (алфа канал), се съхраняват като отделни записи в списъка.
Поддържани формати и технически ограничения
Инструментът работи с единични файлове в следните графични формати: PNG, JPG, WebP, GIF, AVIF и HEIC. На системно ниво се приемат следните MIME типове: image/jpeg, image/png, image/webp, image/gif, image/avif, image/heic и image/heif.
При работа с файлове се прилагат следните правила за обработка:
- Ограничение на размера: Изображения, чиято най-дълга страна надвишава 4096 пиксела, се мащабират пропорционално надолу.
- Неподдържани формати: При опит за зареждане на несъвместим файл се извежда съобщението: „Този тип файл не се поддържа. Опитайте с изображение в PNG, JPG, WebP, GIF, AVIF или HEIC.“
- Грешки при декодиране: Ако файлът е повреден или структурата му не може да бъде разчетена, се показва съобщението: „Изображението не можа да бъде отворено. Възможно е да е повредено или в неподдържан формат.“
Бутонът „Започване отначало“ изчиства зареденото изображение, нулира историята на запазените цветове и връща инструмента в първоначалното му състояние.
Цветови модели и интерпретация на данните
Инструментът извлича и показва точните стойности, записани в графичния файл. При работа с различни формати трябва да се вземат предвид следните особености:
- HEX (Шестнадесетичен код): Представя цвета като шестнадесетично число в интензитет на червения, зеления и синия канал.
- RGB (Red, Green, Blue): Показва десетичните стойности на трите основни цвята в диапазона от 0 до 255.
- HSL (Hue, Saturation, Lightness): Дефинира цвета чрез неговия тон (ъгъл от 0° до 360°), наситеност (процент) и осветеност (процент).
При анализ на изображения във формат JPEG или при обработка на екранни снимки (screenshots), компресията с деструкция на данни и алгоритмите за заглаждане на ръбовете (anti-aliasing) променят оригиналните цветове на пикселите. В тези случаи съседните пиксели могат да имат леко отклонение от очаквания чист цвят.
Обработка на прозрачност (Алфа канал)
Когато се взема проба от полупрозрачен пиксел, инструментът чете неговата собствена цветова стойност директно от слоя на изображението, без да отчита цветовете на фоновите елементи зад него. При засичане на прозрачност се извежда съобщението: „Алфа {n}% — този пиксел е частично прозрачен.“, където {n} съответства на процента непрозрачност на пиксела.
Интеграция в работния процес и копиране на данни
За бързо пренасяне на данните към софтуер за дизайн или CSS стилови таблици, потребителят може да щракне директно върху стойностите на HEX, RGB или HSL, което ги копира в клипборда.
Ако операционната система или браузърът блокират достъпа до клипборда поради настройки за сигурност, се извежда съобщението за грешка: „Копирането не бе успешно — браузърът Ви блокира достъпа до клипборда.“
Запазените в историята цветове се визуализират в списък. При щракване върху мостра от историята, съответният цвят се зарежда обратно в основния панел за преглед. При успешно запазване на цвят се изписва съобщението: „Запазено {hex} в избраните от Вас.“, където {hex} е шестнадесетичният код на цвета.
Локална обработка и поверителност
Всички операции по зареждане, декодиране и анализ на пикселите се извършват изцяло в браузъра на потребителя. Изображението се чете директно от Вашето устройство и никога не напуска браузъра Ви. Нищо не се качва в BroBroGo. Това гарантира, че обработваните графични файлове не се трансферират по мрежата и не се съхраняват на външни сървъри.
Често задавани въпроси
Как да избера цвят от изображението?
Преместете показалеца върху изображението и панелът ще покаже цвета под него, с лупа за приближаване, за да уцелите точния пиксел. Щракнете, за да запазите този цвят в избраните от Вас. Можете също така да фокусирате изображението и да движите мерника с клавишите със стрелки, след което да натиснете Enter.
Какви цветови формати получавам?
Всеки пиксел, от който вземете проба, се показва едновременно в HEX, RGB и HSL формати. Щракнете върху някоя от стойностите, за да я копирате и поставите в CSS или в инструмент за дизайн.
Защо избраният цвят невинаги съвпада с очаквания от мен?
Получавате точната стойност на пиксела, съхранена в изображението. Ако това е JPEG или екранна снимка, компресията и заглаждането (anti-aliasing) може вече леко да са променили съседните пиксели, а полупрозрачният пиксел се чете сам по себе си, без обектите зад него.
Има ли ограничение за размера на зарежданите изображения?
Да, изображения, чиято най-дълга страна надвишава 4096 пиксела, се мащабират автоматично надолу при зареждане, за да се осигури стабилна работа на браузъра.
Къде се изпращат моите изображения за обработка?
Изображенията не се изпращат никъде. Изображението се чете директно от Вашето устройство и никога не напуска браузъра Ви. Нищо не се качва в BroBroGo.