Прецизно земање примероци од пиксели со алатката „Избирач на бои од слика“
Алатката „Избирач на бои од слика“ овозможува детална анализа на дигитални слики директно во веб-прелистувачот. Со вчитување на графичка датотека, корисникот може да го испита секој поединечен пиксел и да ги добие неговите точни колориметриски вредности во најчесто користените формати во дигиталниот дизајн и програмирањето. За да се олесни изборот на ситни детали, алатката вклучува вградена лупа која го зголемува делот околу покажувачот, овозможувајќи прецизно таргетирање на саканата позиција.
Веднаш по вчитувањето на сликата, алатката автоматски ги прикажува координатите и колориметриските вредности на централниот пиксел. Ова овозможува моментален увид во структурата на боите уште пред да започне рачното пребарување по површината на сликата.
Поддржани формати на датотеки и технички ограничувања
Алатката прифаќа широк спектар на современи и стандардни формати на слики. Корисникот може да вчита една датотека во следниве формати:
- PNG (
image/png) - JPG / JPEG (
image/jpeg) - WebP (
image/webp) - GIF (
image/gif) - AVIF (
image/avif) - HEIC / HEIF (
image/heic,image/heif)
Доколку се направи обид да се прикачи датотека чиј формат не е поддржан, системот ја прикажува следнава порака за грешка: „Тој тип на датотека не е поддржан. Обидете се со PNG, JPG, WebP, GIF, AVIF или HEIC слика.“ Во случај кога датотеката е оштетена или прелистувачот не може да ја процесира од технички причини, се појавува известувањето: „Таа слика не можеше да се отвори. Можеби е оштетена или во неподдржан формат.“
За да се зачуваат перформансите на прелистувачот при обработка на екстремно големи датотеки, имплементирано е автоматско скалирање. Доколку најдолгата страна на вчитаната слика надминува 4096 пиксели, сликата се намалува со цел да се овозможи непречено и брзо земање примероци во реално време.
Навигација и прецизна контрола преку тастатура
Покрај стандардното користење на компјутерски глушец или подлога за допир, алатката нуди напредна контрола преку тастатура, што е од исклучителна важност за корисниците кои бараат максимална прецизност или имаат потреба од пристапни решенија.
- Поместување за 1 пиксел: Со фокусирање на сликата, корисникот може да го поместува нишанот пиксел по пиксел со помош на копчињата со стрелки (горе, долу, лево, десно).
- Поместување за 10 пиксели: За побрзо движење низ поголеми површини, држењето на копчето
Shiftво комбинација со стрелките го поместува нишанот за 10 пиксели одеднаш. - Зачувување на бојата: Со притискање на копчињата
EnterилиSpace(празно место), моментално селектираната боја се зачувува во историјата на избори.
Разбирање на излезните вредности и колориметриските модели
При секое поместување на покажувачот или нишанот над сликата, алатката во реално време ги пресметува и прикажува следните параметри:
| Параметар | Опис и формат на приказ |
|---|---|
| Големина | Димензиите на вчитаната слика во пиксели (ширина × висина). |
| Пиксел | Точните X и Y координати на моментално анализираниот пиксел. |
| HEX | Шеснаесетеречен код на бојата (на пр. #FFFFFF), најчесто користен во веб-дизајнот. |
| RGB | Вредности за црвена (Red), зелена (Green) и сина (Blue) компонента во опсег од 0 до 255. |
| HSL | Вредности за тон (Hue) во степени од 0° до 360°, заситеност (Saturation) во проценти и осветленост (Lightness) во проценти. |
Секоја од овие вредности (HEX, RGB, HSL) може лесно да се копира во таблата со исечоци (clipboard) со едноставен клик врз самото поле. Доколку безбедносните поставки на веб-прелистувачот го оневозможуваат ова дејство, ќе се прикаже пораката: „Не можеше да се копира — вашиот прелистувач го блокираше пристапот до таблата со исечоци.“
Влијание на компресијата и транспарентноста врз пикселите
При анализа на дигитални слики, важно е да се разбере дека алатката ја прикажува точната вредност на пикселот зачуван во самата датотека. Постојат два клучни фактори кои можат да влијаат на тоа дали добиената боја се совпаѓа со визуелните очекувања на корисникот:
- Компресија и измазнување (Anti-aliasing): Кај форматите со загуба на податоци како JPEG, или кај скриншотови, алгоритмите за компресија и измазнување на рабовите можат да ги изменат оригиналните вредности на пикселите. Ова значи дека пикселот што го земате како примерок може да има малку поинаква нијанса од чистата боја што визуелно се воочува на поголема површина.
- Транспарентност (Алфа канал): Доколку пикселот е полутранспарентен, алатката го чита неговиот колориметриски состав независно од позадината што се наоѓа зад него во моментот на прикажување. Во ваков случај, се прикажува дополнително известување во формат: „Алфа
{n}% — овој пиксел е делумно транспарентен.“, каде што{n}е процентот на непровидност.
Управување со историјата на зачувани бои
Со кликнување на сликата или со притискање на Enter/Space, избраната боја се зачувува во посебен панел за историја. При успешно зачувување, се појавува пораката: „Зачувано {hex} во вашите избрани бои.“
- Капацитет на историјата: Панелот може да зачува најмногу до 12 бои одеднаш.
- Уникатност на записите: Доколку зачувате бои кои имаат идентични RGB вредности, но различна транспарентност (алфа вредност), тие ќе бидат зачувани како посебни, независни записи во историјата.
- Повторно вчитување: Корисникот може да кликне на кој било зачуван примерок во историјата за повторно да ги вчита неговите вредности во главниот приказ.
- Ресетирање: Копчето „Започни одново“ целосно ја чисти вчитаната слика, ја празни историјата на зачувани бои и ја враќа алатката во нејзината првобитна состојба.
Локална обработка и приватност на податоците
Безбедноста на вашите податоци е приоритет при користење на оваа алатка. Процесот на обработка на сликите се одвива под следниве услови:
- Сликата се чита директно од вашиот уред и никогаш не го напушта вашиот прелистувач.
- Ништо не се прикачува на серверите на BroBroGo.
- Сите пресметки за боите, координатите и генерирањето на зголемениот приказ преку лупата се извршуваат локално на вашиот компјутер или мобилен уред.
Често поставувани прашања (FAQ)
Како да изберам боја од сликата?
Поместете го покажувачот над сликата и панелот ќе ја прикаже бојата под него, со лупа што зумира за да можете да го погодите точниот пиксел. Кликнете за да ја зачувате таа боја во вашите избрани бои. Можете исто така да ја фокусирате сликата и да го поместувате нишанот со копчињата со стрелки, па да притиснете Enter.
Кои формати на бои ги добивам?
Секој пиксел од кој земате примерок се прикажува како HEX, RGB и HSL одеднаш. Кликнете на која било вредност за да ја копирате, подготвена за лепење во CSS или во алатка за дизајн.
Зошто избраната боја не секогаш се совпаѓа со она што го очекував?
Ја добивате точната вредност на пикселот зачуван во сликата. Ако се работи за JPEG или скриншот, компресијата и измазнувањето (anti-aliasing) можеби веќе малку ги поместиле околните пиксели, а полутранспарентниот пиксел се чита сам за себе, без она што се наоѓа зад него.