Konverter Kode Warna
Pilih warna atau masukkan kode HEX; langsung lihat dan salin padanannya dalam RGB dan HSL.
File Anda tidak pernah meninggalkan perangkat — semuanya berjalan di browser Anda.
Cara Penggunaan
- 1Gunakan pemilih warna, atau ketik kode HEX langsung.
- 2Padanan RGB dan HSL dihitung otomatis.
- 3Gunakan 'Salin' untuk menyalin format yang Anda inginkan.
HEX, RGB, dan HSL
HEX seperti #3366CC adalah bentuk ringkas yang dipakai di CSS dan alat desain. RGB mencantumkan merah, hijau, dan biru dari 0 hingga 255. HSL menggambarkan rona, saturasi, dan kecerahan, yang lebih mudah disesuaikan manual saat Anda ingin nuansa lebih terang atau lebih kalem.
Kapan perlu mengonversi
Beralihlah antar format saat alat desain memberi HEX sementara stylesheet Anda butuh HSL, atau saat Anda ingin membuat warna lebih terang dengan menaikkan nilai kecerahannya. Alat ini menampilkan semua format sekaligus dan memratinjau warnanya.
Tips
Periksa kontras teks terhadap latar belakangnya agar tetap terbaca, idealnya memenuhi pedoman aksesibilitas. Perbedaan pembulatan kecil antar format itu wajar.
Pertanyaan yang Sering Diajukan
Apa beda RGB dan HSL?
RGB mendefinisikan warna lewat komponen cahaya merah, hijau, dan biru, sedangkan HSL menggambarkannya lewat rona, saturasi, dan kecerahan — sering lebih intuitif untuk menyesuaikan nuansa atau kecerahan warna.
Bisakah saya mengonversi warna dengan transparansi (alfa)?
Alat ini berfokus pada nilai HEX, RGB, dan HSL yang solid. Untuk warna dengan kanal alfa/opasitas, Anda perlu menambahkannya terpisah di CSS (mis. rgba() atau hsla()).