Nagsisimula ang color picker na ito sa visual swatch, habang nasa tabi lang ang eksaktong numero. Puwede kang mag-paste ng CSS hex value gaya ng #3366cc, galawin ang red, green, blue at alpha channels, o i-fine-tune ang hue, saturation at lightness para sa design-system work. Walang ina-upload na color values - lokal na ginagawa sa JavaScript ang conversions.
Libreng color picker
Tumatakbo nang buo sa iyong browser - walang upload, walang sign-up.
Napili#3366cc
HSL220, 60%, 50%
HEX
#3366ccHEX8
#3366ccffRGB
rgb(51, 102, 204)HSL
hsl(220, 60%, 50%)HSV
hsv(220, 75%, 80%)CMYK
cmyk(75%, 50%, 0%, 20%)Ano ang color picker?
Ang color picker ay tool para pumili ng eksaktong digital na kulay at kopyahin ang values nito para sa design o code. Gamitin ang swatch, HEX field, RGB sliders o HSL controls, tapos i-copy agad ang HEX, RGB, HSL, HSV o CMYK values. Lahat ay tumatakbo sa browser mo.
Paano gamitin
- 1Pumili o mag-paste ng kulay. I-click ang malaking swatch para buksan ang color picker ng browser, o mag-paste ng 3-, 4-, 6- o 8-digit hex value sa HEX field.
- 2Ayusin ang channels. Gamitin ang RGB sliders para sa red, green, blue at alpha, o i-edit ang hue, saturation at lightness kung mas design-friendly na control ang kailangan mo.
- 3I-copy ang format na kailangan mo. I-copy ang HEX, HEX8, RGB, HSL, HSV o CMYK sa isang click. Live na nag-a-update ang preview at bawat output.
Para kanino ito
- Front-end developers na kumokopya ng CSS-ready HEX, RGB at HSL values habang gumagawa ng interfaces.
- Designers na nag-aayos ng brand color ayon sa channel sa halip na manghula sa graphics app.
- Marketing teams na kailangang itugma ang campaign colors sa email builders, docs at social assets.
- Students at creators na inaaral kung paano inilalarawan ng RGB, HSL, HSV at CMYK ang parehong kulay.
FAQ
Libre ba ang color picker na ito?
Oo. Libre ang color picker, walang sign-up at walang usage limit. Buksan ang page, pumili ng kulay at i-copy ang format na kailangan mo.
Ina-upload ba ang mga kulay ko kahit saan?
Hindi. Ang picker at conversions ay tumatakbo sa browser mo gamit ang plain JavaScript. Hindi ipinapadala sa server ang pinili mong mga kulay.
Anong color formats ang puwede kong i-copy?
Puwede mong i-copy ang HEX, 8-digit HEX na may alpha, RGB o RGBA, HSL o HSLA, HSV at CMYK. Pinapanatili ng tool na sabay-sabay ang values habang nag-e-edit ka.
Puwede ba akong mag-paste ng hex color?
Oo. Mag-paste ng 3-digit, 4-digit, 6-digit o 8-digit CSS hex values, may # symbol man o wala. Ina-expand ang shorthand values gamit ang normal na CSS rules.
Ano ang HEX8?
Ang HEX8 ay 8-digit hex color kung saan ang huling pares ay nagtatago ng alpha. Halimbawa, ang #3366cc80 ay parehong blue na may humigit-kumulang 50% opacity.
RGB ba o HSL ang dapat kong gamitin sa CSS?
Gamitin ang RGB kapag kailangan mo ng eksaktong channel values o alpha gamit ang rgba(). Gamitin ang HSL kapag gusto mong gumawa ng tints, shades o kaugnay na UI states sa pamamagitan ng pagbabago ng saturation at lightness.