Konverter warna HEX, RGB, dan HSL

Pilih format asal dan tujuan, lalu masukkan nilai warna.

Warna dalam RGB

rgb(51,102,153)

Konten

Satu warna dalam tiga penulisan

Tiga contoh biru yang sama terhubung sebagai penulisan warna berbeda

Konverter membaca warna sRGB dalam HEX, RGB, atau HSL, lalu menuliskan padanannya dalam format lain. Pratinjau di atas pola kotak-kotak memperlihatkan apakah warna memiliki transparansi.

Coba tiga warna pembanding

Masukkan #336699. Hasil RGB ialah rgb(51,102,153), sedangkan HSL menjadi hsl(210,50%,40%). Keduanya tetap menampilkan biru redup yang sama.

Untuk putih singkat #FFF, setiap karakter digandakan menjadi #FFFFFF. Nilai R, G, dan B masing-masing 255. Bentuk singkat tidak mengubah putih itu.

Masukkan #00000080 untuk hitam tembus pandang. Hasilnya rgba(0,0,0,0.502); 80 dalam HEX bernilai 128 dari 255 tingkat opasitas.

Pilih format asal sebelum mengisi

HEX menerima 3, 4, 6, atau 8 digit heksadesimal, dengan atau tanpa #. Saluran RGB harus bilangan bulat dari 0 sampai 255. HSL menggunakan rona 0โ€“360ยฐ serta saturasi dan kecerahan 0โ€“100%. Nilai alfa pada RGB dan HSL berada di antara 0 dan 1. Setelah itu pilih format tujuan yang berbeda.

Dalam kode delapan digit #RRGGBBAA, pasangan terakhir adalah alfa. Urutan ini dijelaskan oleh spesifikasi CSS Color. Warna akhir yang terlihat bergantung juga pada latar di belakang warna transparan.

Jika format asal diubah saat angka masih valid, nilai warna saat ini diisikan ke format baru. Cara ini memudahkan perbandingan kode tanpa menyalin setiap kanal secara manual.

Angka setara belum tentu tampak sama di semua layar

Saluran RGB dibulatkan menjadi bilangan bulat, HSL ditampilkan hingga satu desimal, dan alfa hingga tiga desimal. Hasil konversi balik dapat sedikit berubah di digit akhir. Alat ini tidak menangani CMYK atau Display P3 dan tidak mengukur kontras tulisan terhadap latarnya.

Pertanyaan seputar kode warna

Kenali bentuk singkat dan alfa agar kode yang disalin sesuai kebutuhan.

Apakah tanda # wajib saat memasukkan HEX?

Tidak. Anda boleh menghilangkannya; hasil HEX akan menyertakan #.

Bagaimana #3A7 dibaca?

Setiap karakter diulang. Bentuk lengkapnya adalah #33AA77.

Mengapa abu-abu memiliki rona 0ยฐ?

Pada saturasi 0%, perubahan rona tidak mengubah abu-abu. Nilai 0ยฐ dipakai sebagai hasil yang tetap.

Apakah rona 360ยฐ sama dengan 0ยฐ?

Ya. Lingkaran rona kembali ke titik awal pada 360ยฐ.

Bisakah satu kode HEX menentukan keterbacaan teks?

Tidak. Kontras membutuhkan dua warna, yaitu teks dan latar belakang.

Kalkulator serupa

Kalkulator berikut pada topik yang sama mungkin berguna:

Bagikan di media sosial

Jika Anda menyukainya, silakan bagikan kalkulator di platform media sosial Anda. Mudah bagi Anda dan bermanfaat untuk promosi proyek. Terima kasih!

Calcopedia (id) โ†’ Konverter warna HEX, RGB, dan HSL