Konverter Warna
Masukkan kode warna hex untuk melihat padanan RGB dan HSL dengan nilai saluran merah, hijau, dan biru masing-masing.
Cara menggunakan pengonversi warna ini
- Masukkan kode warna hex
Ketikkan kode hex 6 digit ke dalam kolom kode warna Hex (misalnya FF6B35 atau 00FF88). Abaikan simbol #.
- Baca nilai RGB
Hasil saluran Merah (Red), Hijau (Green), dan Biru (Blue) menunjukkan nilai 0–255 untuk setiap komponen.
- Periksa output HSL
Tinjau hasil HSL untuk hue (0–360°), saturasi, dan kecerahan — berguna untuk penyesuaian warna.
Cara kerja pengonversi warna ini
Alat ini mengonversi kode warna heksadesimal menjadi representasi RGB (merah, hijau, biru) dan HSL (hue, saturasi, kecerahan). Setiap pasangan heksadesimal dipetakan ke nilai saluran 8-bit (0–255), dan konversi HSL menggunakan matematika ruang warna standar.
R = hex[0:2] → desimal; G = hex[2:4] → desimal; B = hex[4:6] → desimal Hex #FF6B35 → RGB(255, 107, 53) → HSL(16, 100%, 60%).
Hex 000000 → RGB(0, 0, 0) → HSL(0, 0%, 0%) — hitam pekat.
Hex FFFFFF → RGB(255, 255, 255) → HSL(0, 0%, 100%) — putih bersih. Hex 808080 → RGB(128, 128, 128) → HSL(0, 0%, 50%) — abu-abu sedang.
- ✓ Input adalah kode warna heksadesimal 6 digit yang valid.
- ✓ Saluran alfa tidak didukung dalam versi ini.
- Konversi CMYK memerlukan profil warna dan tidak disertakan di sini.
Memahami model warna
HEX, RGB, dan HSL adalah cara berbeda untuk mendeskripsikan warna yang sama. HEX mengodekan RGB sebagai string heksadesimal 6 digit: setiap pasang karakter adalah satu saluran 8-bit (0–255). RGB mengekspresikan nilai yang sama sebagai tiga angka, warna primer aditif yang dipancarkan layar. HSL (Hue, Saturation, Lightness) adalah model silinder: hue adalah sudut pada roda warna (0° merah, 120° hijau, 240° biru), saturasi adalah intensitas warna, dan lightness adalah kecerahan. Desainer sering kali lebih menyukai HSL saat menyesuaikan warna secara terprogram — mengubah lightness saja akan menggelapkan atau menerangkan tanpa menggeser hue, dan mengubah saturasi akan menyesuaikan kepekatan warna.
Kasus penggunaan pengembang untuk konversi warna
Pengembang mengonversi warna saat membangun sistem desain, menerapkan tema, menghasilkan palet warna, dan men-debug CSS. Token desain sering kali menyimpan warna dalam format hex; mengonversi ke RGB atau HSL memungkinkan kalkulasi runtime seperti overlay opasitas atau pemeriksaan kontras aksesibilitas. Pengalih tema mungkin perlu menghasilkan varian yang lebih terang atau lebih gelap dari warna dasar menggunakan HSL. Alat aksesibilitas otomatis mengonversi warna untuk menghitung rasio luminansi dan kontras. Saat men-debug bug tata letak atau tema, melihat nilai hex sebagai RGB atau HSL membantu mengidentifikasi saluran mana yang bermasalah. Konversi warna juga digunakan dalam visualisasi data, pustaka bagan, dan penentuan tema UI dinamis.
Pertanyaan yang sering diajukan
Dapatkah saya memasukkan kode hex 3 digit?
Saat ini alat ini memerlukan kode 6 digit. Untuk singkatan 3 digit seperti F60, ubah menjadi FF6600 terlebih dahulu.
Apa itu HSL?
HSL adalah singkatan dari Hue, Saturation, Lightness. Ini adalah cara alternatif untuk mendeskripsikan warna yang dianggap lebih intuitif oleh beberapa desainer dibandingkan RGB.