Paano pumili ng mga kulay ng imahe at gumawa ng palette.

Buksan ang Image Color Picker at mag-upload ng isang suportadong imahe, o subukan ang sample. Ang awtomatikong extraction ay nag-a-upload ng source sa server. Ang sample sa gabay na ito ay collage-botanical.jpg, isang 1200 x 900 na larawan ng mga bulaklak, dahon, at peach-colored na background.

Iwanan ang Colors to extract sa 6 at piliin ang Dominant para sa halimbawa. Ang Dominant ay pabor sa mga pangunahing kulay ng imahe, habang ang Vibrant ay nagbibigay ng higit na impluwensya sa mga makukulay na accent. Ang isang request ay maaaring gumamit ng 3 hanggang 12 na mga kulay; ang isang imahe na may mas kaunting natatanging nakikitang grupo ay maaaring magbalik ng mas kaunti.

Ang aktwal na resulta ng Dominant ay naglalaman ng #E3B49F, #A5927F, #F3C2AC, #FBCEBA, #746E4F, #C297CA. Ang pinakamalaking grupo ay #E3B49F sa humigit-kumulang 28.88% ng mga na-sample na nakikitang pixel. Ang extraction ay gumamit ng 512 x 384 na sample; ang mga porsyentong iyon ay hindi eksaktong census ng full-resolution na imahe.

I-click o i-tap ang imahe upang suriin ang isang pixel gamit ang magnifier. I-focus ang imahe at gamitin ang mga arrow key upang gumalaw ng isang pixel, Shift plus arrow upang gumalaw ng sampu, pagkatapos ay Enter upang pumili. Kopyahin ang HEX, RGB, o HSL gamit ang indibidwal na copy button nito, o gamitin ang Add to palette.

Pumili ng swatch para baguhin ang HEX value o kulay nito, ilipat ito pakaliwa o pakanan, o alisin ito. Ang pagdagdag ng custom na kulay ay tumatanggap ng HEX value na iyong pipiliin. Ang Lock color ay nagpapanatili ng napiling swatch kapag ang Refresh palette o binagong setting ng extraction ay bumuo ng panibagong panimulang palette.

Ang Sampling & transparency ay nag-aalok ng Source color at Composite sa ibabaw ng background. Ang Source color ay may kasamang opacity sa mga kinopyang code kung naaangkop; ang Composite ay nagpapakita ng pixel na hinalo sa napiling Sample background. Ang mga palette swatch mismo ay mga opaque na RGB value. Ang mga na-edit at napiling kulay ay walang tinatayang source percentage.

Buksan ang Check color contrast. Itakda ang Text at Background gamit ang mga color control, maglagay ng mga HEX code, o gamitin ang napiling kulay para sa alinmang panig. Hinahayaan ka ng live text sample na ikumpara ang pares, at ang ratio ay may kasamang magkakahiwalay na resulta para sa Normal AA, Normal AAA, Large AA, at Large AAA.

Pumili ng pares para sa nilalayong layunin sa halip na ipagpalagay na ang bawat na-extract na kulay ay magagamit bilang text. Ang light peach at light purple ay maaaring magmukhang maganda sa isang larawan ngunit hindi magandang kombinasyon para sa text at background.

Ang control na ito ay sinusuri lamang ang pares ng mga kulay para sa text contrast. Hindi ito isang kumpletong accessibility audit at hindi nito tinutukoy kung ang typography, keyboard interaction, o ang natitirang bahagi ng disenyo ay magagamit.

Para sa mabilis na paglipat, kopyahin ang indibidwal na code o gamitin ang Copy palette HEX colors. Para sa file, piliin ang Save as at piliin ang Start. Ang PNG ay gumagawa ng may label na palette image; ang SVG ay nagpapanatili ng mga swatch at label bilang vector content; ang CSS ay nagbibigay ng mga numbered color variable; ang JSON ay naglalaman ng HEX, RGB at HSL values.

Ang hindi na-edit na anim na kulay na halimbawa ay nag-e-export ng palette.png sa 600 x 500 pixels at 9,163 bytes. Ang pagkakasunod-sunod ng swatch nito ay tumutugma sa palette. Ang iyong huling palette ay maaaring maglaman ng 1 hanggang 12 na kulay pagkatapos ng pag-edit, kahit na magkaiba ang awtomatikong panimulang bilang.

Mag-download bago umalis o mag-refresh. Ang huling export ay nag-a-upload ng source at mga napiling kulay para sa pagproseso ng server. Gumagawa ito ng bagong palette file at hindi nito binabago ang kulay o pinapalitan ang orihinal na larawan.