Sekilas format warna
| Format | Contoh | Terbaik untuk |
|---|---|---|
| HEX | #3B82F6 | CSS dan serah terima desain |
| RGB | rgb(59, 130, 246) | Manipulasi warna secara programatik dan rendering browser |
| HSL | hsl(217, 91%, 60%) | Penyesuaian hue, saturasi, dan lightness yang ramah manusia |
| CMYK | cmyk(76, 47, 0, 4) | Alur kerja berorientasi cetak |
Biru yang sama dalam format berbeda
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
CMYK
cmyk(76, 47, 0, 4)
Kapan menggunakan yang mana
- Gunakan HEX jika Anda memerlukan nilai pendek yang kompatibel dengan CSS untuk sistem desain atau stylesheet.
- Gunakan RGB saat kode atau API browser mengharapkan nilai kanal secara langsung.
- Gunakan HSL jika Anda ingin mengubah lightness atau saturation secara lebih intuitif.
- Gunakan CMYK untuk pembahasan seputar cetak, bukan sebagai format utama di CSS.
Gunakan referensi ini dengan alat yang tepat
Alat terkait