pixel → HEX · RGB · HSL
Image color picker
Mag-click ng pixel ng larawan para mabasa ang kulay nito: ang pixel na #0060fd ay nababasa bilang rgb(0, 96, 253) at hsl(217, 100%, 50%). Magdagdag ng larawan para pumili ng kulay mula sa sarili mo.
- rgb(0, 96, 253) = #0060fd
- rgb(255, 128, 0) = #ff8000
- #0060fd 75% + #ffffff 25%
Pumili sa pamamagitan ng click, tap o arrow key. Sa tab na ito lang iginuguhit ang larawan mo at hindi ito kailanman ina-upload.
Scanned by 
NortonTM Safe Web
Sa isang tingin
- Presyo
- Walang singil
- Account
- Hindi kailangan
- Upload
- Wala — iginuguhit ang larawan sa tab ng browser mo at walang ipinapadala saanman
- Mga format
- PNG, JPEG, WebP, GIF, AVIF, BMP at SVG, hanggang sa kaya itong i-decode ng browser mo
- Laki ng larawan
- Iginuguhit hanggang 1600 pixel sa pinakamahabang gilid; mga file hanggang 200 MB at 120 million pixel
- Palette
- Anim na dominanteng kulay sa pamamagitan ng median cut sa mga 20,000 na-sample na pixel
Mga napiling kulay at kung paano gumagana ang palette
Ginawa ng parehong code ng tool ang mga hilerang ito. Gumagamit ang talahanayan ng palette ng larawang 4 × 4 pixel na may labindalawang asul na pixel at apat na puting pixel.
| Kulay ng pixel | HEX | RGB | HSL |
|---|---|---|---|
| #0060fd | #0060fd | rgb(0, 96, 253) | hsl(217, 100%, 50%) |
| #ff8000 | #ff8000 | rgb(255, 128, 0) | hsl(30, 100%, 50%) |
| #00a86b | #00a86b | rgb(0, 168, 107) | hsl(158, 100%, 33%) |
| #767676 | #767676 | rgb(118, 118, 118) | hsl(0, 0%, 46%) |
| #fdd835 | #fdd835 | rgb(253, 216, 53) | hsl(49, 98%, 60%) |
| Kulay ng palette | Bahagi ng mga pixel |
|---|---|
| #0060fd | 75% |
| #ffffff | 25% |
Paano pumili ng kulay mula sa larawan
Magdagdag ng larawan
I-drop ang PNG, JPEG, WebP, GIF, AVIF, BMP o SVG na file sa kahon, pumili ng isa gamit ang Browse, o mag-paste ng larawan mula sa clipboard. May ipinapakitang sample na larawan hanggang magdagdag ka ng sarili mo.
Mag-click, mag-tap o gamitin ang arrow key
Mag-click o mag-tap ng punto, o mag-drag sa larawan. Kapag naka-focus ang larawan, ginagalaw ng mga arrow key ang crosshair nang isang pixel bawat beses at ginagalaw ito ng Shift kasama ang arrow nang sampung pixel. Ipinapakita ng mga tile ang kulay bilang HEX, RGB at HSL.
Kopyahin ang kulay o entry ng palette
Pindutin ang Kopyahin sa isang tile, o pindutin ang swatch ng palette para kopyahin ang HEX code nito. Inililista ng palette ang anim na dominanteng kulay ng buong larawan kasama ang bahagi ng larawang sakop ng bawat isa.
Paano binabasa ang mga kulay
Dine-decode ng browser ang file mo at iginuguhit ito ng pahina sa canvas element sa tab na ito. Ang larawang mas malaki sa 1600 pixel sa pinakamahabang gilid ay pinaliliit para magkasya, kaya ang kulay na nabasa mo mula sa napakalaking larawan ay galing sa pinaliit na kopya, kung saan na-average ang magkakatabing pixel. Pagkatapos ay hinihingi ng pahina sa canvas ang mga value ng pula, berde, asul at alpha ng iisang pixel sa ilalim ng crosshair at piniprint ang mga ito bilang HEX, RGB at HSL. Ang pixel na may transparency ay piniprint kasama ang alpha value nito. Iniimbak ng canvas ang mga kulay na minultiplika sa alpha ng mga ito, kaya ang channel ng bahagyang transparent na pixel ay maaaring mabasa nang isang unit na mali: ang 200 ay nababasa bilang 199 sa 50% opacity.
Gumagamit ang palette ng median cut. Tinitingnan ng pahina ang bawat n-th na pixel, hanggang mga 20,000 lang, at hindi isinasama ang mga pixel na higit sa kalahating transparent. Inilalagay nito ang mga kulay na ito sa isang kahon at paulit-ulit na hinahati ang kahong may pinakamalawak na saklaw sa isang channel sa median ng channel na iyon, hanggang may anim na kahon o walang kahong may dalawang magkaibang kulay. Ipinapakita ang bawat kahon bilang average ng mga pixel nito, kasama ang bahagi ng mga na-sample na pixel na hawak nito, pinakamalaki muna. Pareho ang resulta sa bawat pagkakataon para sa parehong larawan. Ang larawang may wala pang anim na natatanging kulay ay nagbibigay ng mas maikling palette, at binabasa bilang isang still na larawan ang mga animated na larawan.
Mga tanong tungkol sa image color picker
Paano makuha ang HEX code ng kulay sa larawan?
Magdagdag ng larawan, pagkatapos ay i-click ang lugar na gusto mo. Ipinapakita ng HEX tile ang code ng pixel na iyon, halimbawa #0060fd, at inilalagay ito ng Kopyahin sa clipboard. Para makuha ang mga pangunahing kulay nang hindi pumipili ng lugar, pindutin na lang ang swatch sa palette.
Anong mga format ng larawan ang gumagana?
PNG, JPEG, WebP, GIF, AVIF, BMP at SVG, basta kaya itong i-decode ng browser mo. Nakadepende sa bersyon ng browser ang AVIF. Ang ibang file, tulad ng PDF o TIFF, ay tinatanggihan na may mensahe. Tinatanggihan din ang mga file na higit sa 200 MB o higit sa 120 million pixel.
Paano pinipili ang palette ng anim na kulay?
Sa pamamagitan ng median cut sa sample na mga 20,000 pixel: hinahati ang mga kulay sa mga kahon sa median ng pinakamalawak nilang channel hanggang may anim, at ang bawat kahon ay nagiging average ng mga pixel nito. Ang porsiyento sa ilalim ng bawat swatch ay ang bahagi ng mga na-sample na pixel sa kahon na iyon. Nilalaktawan ang mga pixel na halos transparent.
Bakit bahagyang magkaiba ang kulay ng dalawang magkatabing pixel?
Bahagyang nag-iiba kada pixel ang mga litrato at naka-compress na larawan tulad ng JPEG, kaya ang dalawang puntong magkamukha ay maaaring magkaiba nang ilang unit kada channel. Mag-click ng ilang punto, o gamitin ang palette, na nag-a-average ng maraming pixel, kapag gusto mo ng kinatawang kulay.
Ina-upload ba saanman ang larawan ko?
Hindi. Dine-decode at iginuguhit ng browser mo ang file sa tab na ito, binabasa ang mga kulay mula sa guhit na iyon, at walang ipinapadala sa server. Itinatapon ang larawan kapag isinara o nire-reload ang pahina.
Ano ang ginagawa ng screen picker na button?
Sa mga browser na may EyeDropper feature, hinahayaan ka ng button na mag-click ng anumang punto sa screen mo, kasama ang ibang window, at ipinapakita ang kulay nito. Hindi ipinapakita ang button sa mga browser na walang feature na iyon; gumagana kahit saan ang picker ng larawan.