Image Color Picker

Ang Image Color Picker ay isang tool na nagbibigay-daan sa pagpili ng isang imahe mula sa iyong device upang suriin at kunin ang eksaktong halaga ng kulay ng anumang pixel nito. Sa pamamagitan ng pinalaking view o magnifier, nagiging tumpak ang pagpili sa bawat pixel. Kapag napili na ang kulay, ipinapakita ng tool ang mga halagang HEX, RGB, at HSL nito, at maaari kang mag-imbak ng maraming kulay sa isang listahan ng kasaysayan upang kopyahin at gamitin sa ibang mga aplikasyon.

Pagproseso ng Imahe at Proteksyon sa Datos

Ang pagpapatakbo ng tool na ito ay sumusunod sa mga mahigpit na panuntunan sa paghawak ng datos:

• Ang imahe ay binabasa nang direkta mula sa iyong device at hindi kailanman umaalis sa iyong browser.
• Walang ina-upload sa BroBroGo.
• Ang lahat ng pagsusuri sa pixel at pag-decode ng file ay nagaganap sa lokal na kapaligiran ng iyong web browser.

Mga Sinusuportahang Format ng File at Limitasyon sa Laki

Tumatanggap ang tool ng isang solong file ng imahe gamit ang mga sumusunod na format at MIME type:

Kung ang isang file na may hindi sinusuportahang format ay ipinasok sa tool, ipapakita nito ang error na: "Hindi po sinusuportahan ang uri ng file na iyan. Subukan po ang imaheng PNG, JPG, WebP, GIF, AVIF o HEIC.". Kung ang imahe naman ay hindi ma-decode o masira, lalabas ang mensaheng: "Hindi po mabuksan ang imaheng iyan. Maaaring sira ito o nasa format na hindi sinusuportahan.".

Para sa mga imaheng may napakalaking resolusyon, ang mga file na may pinakamahabang gilid na lumalagpas sa 4096 pixels ay awtomatikong pinaliliit o pinarurami ang scale down upang mapanatili ang bilis ng pagproseso sa browser.

Gabay sa Paggamit at Pag-navigate gamit ang Keyboard

Kapag matagumpay na na-load ang imahe, awtomatikong ipinapakita ng tool ang mga halaga ng kulay at mga coordinate ng gitnang pixel nito. Ipinapakita rin ang mensaheng: "Handa na po ang imahe — igalaw sa ibabaw nito upang kumuha ng sample, i-click upang i-save ang kulay.".

Maaaring gamitin ang mouse o ang keyboard para sa tumpak na pag-sample:

1. Pointer/Mouse: Igalaw ang pointer sa ibabaw ng imahe upang kumuha ng sample ng kulay pixel sa bawat pixel. I-click ang imahe upang i-save ang kasalukuyang kulay.
2. Keyboard: Maaaring ilipat ang isang crosshair sa ibabaw ng imahe gamit ang mga arrow key (Up, Down, Left, Right).
3. Mabilis na Paggalaw: Pindutin ang Shift kasabay ng mga arrow key upang i-angat o i-usog ang crosshair nang may layong 10 pixels.
4. Pag-save gamit ang Keyboard: Pindutin ang Enter o Space upang i-save ang kasalukuyang sample ng kulay.

Kapag na-save ang kulay, ipapakita ang kumpirmasyong: "Iniligtas ang {hex} sa iyong mga pinili.". Ang kasaysayan ng mga na-save na kulay ay maaaring maglaman ng hanggang 12 na item. Kung ang dalawang kulay ay may parehong halaga ng RGB ngunit magkaiba ang antas ng transparency (alpha), ise-save ang mga ito bilang magkahiwalay na entry sa kasaysayan. Ang pag-click sa button na "Magsimula muli" ay magbubura sa kasalukuyang imahe, mag-aalis sa lahat ng naka-save na kulay sa kasaysayan, at magbabalik sa tool sa orihinal nitong estado.

Pag-unawa sa mga Format ng Kulay at Transparency

Ipinapakita ng tool ang tatlong pangunahing modelo ng kulay para sa bawat pixel na nasuri:

• HEX: Ang hexadecimal na representasyon (halimbawa: #FFFFFF para sa puti) na karaniwang ginagamit sa HTML at CSS.
• RGB: Ang mga halaga ng Red (Pula), Green (Berde), at Blue (Asul) mula 0 hanggang 255.
• HSL: Ang Hue (Kulay mula 0 hanggang 360 digri), Saturation (Kabuhayan ng kulay sa porsyento), at Lightness (Kaningningan sa porsyento).

Maaaring kopyahin ang anumang halaga (HEX, RGB, o HSL) sa pamamagitan ng pag-click sa mismong text nito. Kung hinarang ng browser ang operasyong ito, ipapakita ang error na: "Hindi po makopya — hinarang ng iyong browser ang access sa clipboard.".

Ang Alpha Channel at Transparency

Kung ang pixel na sinusuri ay may transparency o alpha channel, binabasa ng tool ang eksaktong halaga nito nang mag-isa, nang hindi isinasaalang-alang ang kulay ng background na nasa likod nito. Para sa mga semi-transparent na pixel, ipapakita ang karagdagang impormasyon: "Alpha {n}% — ang pixel na ito ay bahagyang transparent." (kung saan ang {n} ay ang porsyento ng opacity).

Epekto ng Compression at Anti-Aliasing sa mga Pixel

Mahalagang isaalang-alang na ang tool ay nagpapakita ng eksaktong halaga ng pixel na nakaimbak sa file. Sa mga sumusunod na sitwasyon, maaaring mag-iba ang kulay ng pixel kumpara sa orihinal na disenyo:

• JPEG Compression: Ang JPEG ay isang lossy format. Ang compression algorithm nito ay nagpapakinis ng mga kulay sa pamamagitan ng pagbabawas ng detalye, na nagiging sanhi ng bahagyang pagbabago sa mga RGB value ng mga pixel.
• Anti-Aliasing: Sa mga screenshot o digital na guhit, ang mga gilid ng mga teksto o kurba ay pinapapantay gamit ang anti-aliasing. Lumilikha ito ng mga pixel na may pinaghalong kulay sa pagitan ng foreground at background upang magmukhang makinis ang gilid, na nagreresulta sa mga intermediate na kulay na hindi bahagi ng orihinal na palette.

Mga Madalas Itanong (FAQ)

Paano po ako pipili ng kulay mula sa imahe?

Igalaw po ang pointer sa ibabaw ng imahe at ipapakita ng panel ang kulay sa ilalim nito, kasama ang isang magnifier na nag-zo-zoom in upang maitapat niyo po sa eksaktong pixel. I-click po para i-save ang kulay na iyon sa iyong mga pinili. Maaari niyo rin pong i-focus ang imahe at igalaw ang crosshair gamit ang mga arrow key, pagkatapos ay pindutin ang Enter.

Anong mga format ng kulay ang aking makukuha?

Ang bawat pixel na kukunin niyo po ng sample ay ipinapakita bilang HEX, RGB, at HSL nang sabay-sabay. I-click lamang po ang anumang halaga upang kopyahin ito, handa nang i-paste sa CSS o sa isang tool sa disenyo.

Bakit po hindi laging tumutugma ang napiling kulay sa aking inaasahan?

Makukuha niyo po ang eksaktong halaga ng pixel na nakaimbak sa imahe. Kung ito po ay isang JPEG o isang screenshot, maaaring nabago na nang kaunti ng compression at anti-aliasing ang mga katabing pixel, at ang isang semi-transparent na pixel ay binabasa nang mag-isa, nang wala ang anumang nasa likod nito.