Paano mag-convert ng kulay
- I-click ang kahon ng kulay para pumili, o i-type ito sa text field.
- Puwede mo itong i-type bilang HEX (#1e90ff), bilang rgb(), bilang hsl() o sa pangalan nito sa Ingles.
- Tingnan ang kulay sa preview kasama ang katumbas nitong HEX, RGB, HSL at CMYK.
- I-copy ang format na kailangan mo at suriin ang contrast sa puti o itim na text.
Para saan ito
Madalas mag-convert ng kulay mula sa isang format papunta sa iba ang mga designer at developer: ang HEX mula sa palette, ang rgb() sa stylesheet, ang HSL para gumawa ng mas maliwanag o mas madilim na variant. Ginagawa ito ng tool na ito sa isang hakbang.
Kinukuwenta rin nito ang contrast ng kulay sa puting text at sa itim na text, ayon sa mga alituntunin ng WCAG accessibility: 4.5:1 para maabot ang level AA at 7:1 para sa level AAA sa karaniwang text.
Simpleng conversion ang CMYK, kapaki-pakinabang bilang sanggunian; para sa propesyonal na pag-print, gamitin ang color profile sa design software mo.
Mga dapat tandaan
- Kinukuwenta ang CMYK mula sa RGB gamit ang karaniwang formula, walang color profile, kaya maaaring iba ito sa nakikita mo sa print.
- Gumagana ang mga pangalan ng kulay sa Ingles (red, tomato, navy…).
- Maaaring iba ang itsura ng native picker depende sa browser at device.
Mga madalas itanong
Paano i-convert ang HEX sa RGB?
I-type ang HEX (halimbawa #1e90ff) at agad ipapakita ng tool ang katumbas na rgb(), kasama ang HSL at CMYK.
Ano ang WCAG contrast?
Sinusukat nito kung gaano kadaling basahin ang text sa isang background. Ang ratio na 4.5:1 ay pasado sa level AA at 7:1 sa AAA, para sa karaniwang text.
Tumatanggap ba ito ng mga kulay na may transparency?
Oo: puwede kang mag-type ng #rrggbbaa, rgba() o hsla() at ipapakita ang mga ito kasama ang transparency.
May ipinapadala ba sa server?
Wala. Kinukuwenta ang lahat sa browser mo.
Libre ba ito?
Oo, libre ito, hindi kailangang mag-sign up at gumagana mismo sa browser mo.