Color Picker

Pumili ng mga kulay at magtrabaho — walang abala

Binuo namin ang Color Picker noong 2025 dahil sawa na kami sa mabibigat na app at sobrang komplikadong color tools. Bilang mga front-end developer at ilustrador, kailangan namin ng paraan para agad kumuha ng kulay, konting i-tweak, at magpatuloy. Nagsimula itong internal tool, naging paborito ng mga katrabaho, kaya pinakintab namin at inilagay sa web para sa lahat. Walang account, walang learning curve — buksan ang page, pumili ng shade at kopyahin ang mga code na HEX, RGB, HSL o HSV.

Bakit gusto ng mga tao ang aming color picker?

Kung tumitig ka na sa isang disenyo at nag-isip kung paano makukuha ang eksaktong shade, maaappreciate mo ang pagiging simple ng Color Picker. Sinadya naming gawing minimal ang interface:

• Click — at nasa iyo na ang kulay — i-tap ang alinmang bahagi ng palette at agad ipapakita ng tool ang mga halagang kailangan mo. Gusto mong mag-sample mula sa larawan o screenshot? I-drop ito sa pahina at gamitin ang eyedropper.
• Madaling gradients — bumuo ng silky-smooth na transitions sa pagdaragdag at paglipat ng mga stop sa bar. I-toggle ang linear/radial, i-fine-tune ang anggulo at opacity, saka i-copy ang CSS.
• Walang limitasyon, walang bayad — tumatakbo ang Color Picker sa anumang modernong browser sa desktop, tablet o telepono. Walang i-install at walang singil.
• Mga extension kapag kailangan — dinadala ng aming opsyonal na Chrome at Edge extension ang eyedropper direkta sa browser para makapag-sample ka mula sa anumang page at madala ang iyong history.

Para saan ito

Iba-iba ang gamit ng mga tao sa Color Picker:

• Mga designer at product team ang kumakapit dito kapag nag-iisketsya ng mga interface o brand palettes. Mabilis mag-explore ng kombinasyon at kopyahin ang CSS na kailangan para sa gradients.
• Mga ilustrador at artista ang gumagamit ng eyedropper para humugot ng inspirasyon mula sa mga larawan at painting. Tinutulungan ng gradient tool ang pagplano ng makinis na shading at paglipat ng kulay.
• Mga front-end developer ang umaasa rito para gumawa ng pare-parehong color values sa iba’t ibang proyekto. Pinadadali ng extension ang pag-sample mula sa mga umiiral na site.
• Sinumang nagche-check ng accessibility ay puwedeng tumingin ng mga kulay sa iba’t ibang modelo at ayusin ang opacity hanggang masunod ang mga gabay sa contrast.

Pagsisimula

Hindi kailangan ng manual — narito ang mabilis na buod:

• Pumili ng kulay — i-click ang kahit saan sa palette. Agad mong makikita ang mga halaga ng HEX, RGB at HSV. Gamitin ang mga slider para i-fine-tune ang hue, saturation, liwanag at transparency.
• Mag-sample mula sa imahe — i-drag ang image file papunta sa page o pumili ng isa. I-click ang piksel na gusto mo at lalabas ang mga color code.
• Bumuo ng gradient — i-click ang gradient bar para magdagdag ng mga stop at i-drag ang mga ito; lumipat sa pagitan ng linear at radial na estilo. Ayusin ang anggulo at opacity hanggang tama na ang resulta.
• Kopyahin at gamitin muli — awtomatikong nasesave ang iyong mga kulay at gradients. Kopyahin ang mga code o CSS at i-paste sa iyong proyekto, o ibahagi sa team.