Bawat color format ay naglalarawan ng iisang bagay sa ibang lengguwahe: HEX para sa stylesheets, RGB para sa screens at code, HSL para sa pagbuo ng palettes, CMYK para sa pag-imprenta. Piliin ang conversion na kailangan mo at makuha ang eksaktong value, live preview at ang formula sa likod nito.
Ang apat na color format
Ano ang HEX?
Ang HEX code ay isang anim na digit na hexadecimal na numero na nag-iimbak ng red, green at blue channel ng isang kulay sa likod ng nangungunang #. Bawat pares ng digit ay sumasaklaw sa isang channel, mula 00 (wala) hanggang FF (buo), na nagbibigay ng parehong 16.7 milyong kulay gaya ng RGB pero sa mas maikling notasyon. HEX ang default sa CSS, design tools at brand guidelines.
- Sintaks:
- #RRGGBB
- Pinakamainam para sa:
- CSS, design handoff, brand guidelines
Ano ang RGB?
Ipinapakita ng RGB ang kulay bilang tatlong channel ng ilaw — red, green at blue — bawat isa mula 0 hanggang 255. Ginagaya nito kung paano talaga gumagana ang mga screen: lahat ng tatlo sa 255 ay nagreresulta sa puti, lahat sa 0 ay itim. Tamang piliin ang RGB kapag kailangan mong mag-calculate gamit ang isang kulay, at nagdadagdag ang rgba() ng transparency sa ibabaw.
- Sintaks:
- rgb(R, G, B)
- Pinakamainam para sa:
- code, canvas, transparency with rgba()
Ano ang HSL?
Hinahati ng HSL ang kulay sa hue (0–360° sa color wheel), saturation (gaano ka-colorful, 0–100%) at lightness (gaano kabilis o liwanag, 0–100%). Dahil tumutugma ang bawat bahagi sa paraan ng paglalarawan ng kulay ng mga tao, pinakamadaling gamitin ang HSL para bumuo ng tints, shades at pare-parehong palettes — mano-mano o sa code.
- Sintaks:
- hsl(H, S%, L%)
- Pinakamainam para sa:
- palettes, tints and shades, theming
Ano ang CMYK?
Ang CMYK ay ang four-ink model na ginagamit sa pagpi-print: cyan, magenta, yellow at key (black), bawat isa bilang porsyento mula 0 hanggang 100. Ang tinta ay nag-aalis ng ilaw sa halip na naglalabas nito, kaya mas kaunti ang kulay na kaya ng CMYK kumpara sa screen — kaya madalas mas mapurol ang maliwanag na screen colors kapag na-print.
- Sintaks:
- cmyk(C%, M%, Y%, K%)
- Pinakamainam para sa:
- print, packaging, press-ready artwork