Ruang warna dijelaskan
FAQ
- Ruang warna manakah yang harus saya gunakan untuk CSS?
- HEX dan RGB adalah standar. CSS modern juga mendukung oklch() dan lab() untuk gradien dan tema yang lebih baik.
Mengapa ruang warna penting
Ruang warna yang berbeda mewakili persepsi warna yang sama dengan cara yang berbeda. Memilih ruang yang tepat memengaruhi interpolasi, pemeriksaan aksesibilitas, dan ekspor ke CSS, alat cetak, atau desain.
Pengembang web biasanya bekerja dalam sRGB (HEX/RGB/HSL), sementara alur kerja pencetakan mungkin memerlukan CMYK dan alat desain tingkat lanjut mungkin menggunakan LAB untuk penyesuaian yang seragam.
HEX, RGB, dan HSL
HEX kompak dan familiar dalam CSS (#RRGGBB). RGB memetakan langsung ke saluran layar. HSL memisahkan rona, saturasi, dan kecerahan — berguna untuk penyesuaian tema dan menghasilkan rona dan corak.
Gunakan HEX/RGB untuk API dan token desain. Gunakan HSL saat Anda perlu mencerahkan atau menggelapkan warna merek sekaligus menjaga kestabilan rona.
CMYK, LAB, dan XYZ
CMYK memodelkan tinta cetak subtraktif. Mengonversi RGB ke CMYK merupakan perkiraan karena layar dan printer memiliki gamut yang berbeda.
LAB dan XYZ tidak bergantung pada perangkat. LAB sangat berguna untuk perhitungan pencahayaan yang berhubungan dengan gradien dan aksesibilitas.