Setiap format warna menjelaskan hal yang sama dengan bahasa berbeda: HEX untuk stylesheet, RGB untuk layar dan kode, HSL untuk membuat palet, CMYK untuk cetak. Pilih konversi yang kamu butuhkan dan dapatkan nilai tepatnya, pratinjau langsung, dan rumus di baliknya.
Empat format warna
Apa itu HEX?
Kode HEX adalah angka heksadesimal enam digit yang menyimpan kanal merah, hijau, dan biru di balik tanda #. Setiap pasangan digit mewakili satu kanal, dari 00 (tidak ada) sampai FF (penuh), memberi 16,7 juta warna yang sama seperti RGB dalam notasi yang lebih singkat. HEX adalah default di CSS, alat desain, dan panduan merek.
- Sintaks:
- #RRGGBB
- Terbaik untuk:
- CSS, serah terima desain, panduan merek
Apa itu RGB?
RGB menggambarkan warna sebagai tiga kanal cahaya — merah, hijau, dan biru — masing‑masing dari 0 sampai 255. Ini mencerminkan cara kerja layar sebenarnya: ketiganya di 255 memberi putih, semuanya di 0 memberi hitam. RGB tepat ketika kamu perlu menghitung dengan warna, dan rgba() menambahkan transparansi di atasnya.
- Sintaks:
- rgb(R, G, B)
- Terbaik untuk:
- kode, canvas, transparansi dengan rgba()
Apa itu HSL?
HSL membagi warna menjadi hue (0–360° pada roda warna), saturation (seberapa berwarna, 0–100%) dan lightness (seberapa terang, 0–100%). Karena tiap bagian cocok dengan cara orang menggambarkan warna, HSL adalah format termudah untuk membuat tint, shade, dan palet konsisten — secara manual atau dalam kode.
- Sintaks:
- hsl(H, S%, L%)
- Terbaik untuk:
- palet, tint dan shade, theming
Apa itu CMYK?
CMYK adalah model empat tinta yang dipakai di percetakan: cyan, magenta, yellow, dan key (hitam), masing‑masing sebagai persentase dari 0 sampai 100. Tinta mengurangi cahaya alih‑alih memancarkan, jadi CMYK mencakup lebih sedikit warna dibanding layar — itulah sebabnya warna cerah di layar sering terlihat lebih kusam setelah dicetak.
- Sintaks:
- cmyk(C%, M%, Y%, K%)
- Terbaik untuk:
- cetak, kemasan, artwork siap cetak