Konverter Warna
Konversi warna antara format RGB, HEX, dan HSL. Konverter warna gratis dengan pratinjau dan salin satu klik untuk desainer dan pengembang.
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
Nilai RGB
59
Merah
130
Hijau
246
Biru
Nilai HSL
217derajat
Rona
91%
Sat
60%
Terang
🔒 Kalkulator cepat dan gratis di browser Anda. Tanpa unggahan, 100% privat.
Terakhir diperbarui: Januari 2026
Kalkulator Terkait
Pertanyaan yang Sering Diajukan
Bagaimana cara mengkonversi HEX ke RGB?
Warna HEX seperti #FF5733 dikonversi ke RGB dengan membagi menjadi pasangan: FF=255 (merah), 57=87 (hijau), 33=51 (biru). Setiap pasangan adalah angka heksadesimal (0-FF) yang mewakili 0-255 dalam desimal. Jadi #FF5733 = RGB(255, 87, 51). Untuk HEX singkat seperti #F53, perluas setiap digit: #FF5533. Konverter ini menghitung secara otomatis—cukup masukkan format apa pun dan dapatkan hasil instan.
Apa perbedaan antara RGB dan HSL?
RGB (Merah, Hijau, Biru) mendefinisikan warna dengan mencampur intensitas cahaya (masing-masing 0-255). HSL (Rona, Saturasi, Kecerahan) lebih intuitif: Rona adalah posisi pada roda warna (0-360°), Saturasi adalah intensitas warna (0-100%), dan Kecerahan adalah tingkat terang (0-100%). HSL lebih mudah untuk penyesuaian—untuk mencerahkan warna, cukup naikkan L. Untuk mengurangi saturasi, kurangi S.
Kapan harus menggunakan HEX vs RGB di CSS?
Gunakan HEX (#FF5733) untuk warna statis—ringkas dan didukung universal. Gunakan RGB atau RGBA saat butuh transparansi: rgba(255, 87, 51, 0.5) membuat warna 50% transparan. HSL bagus untuk manipulasi warna secara programatis—menyesuaikan kecerahan atau saturasi sangat mudah. CSS modern mendukung ketiga format secara sama, jadi pilih berdasarkan keterbacaan dan apakah Anda perlu channel alpha.
Bagaimana menemukan warna komplementer dari suatu warna?
Warna komplementer berada di sisi berlawanan pada roda warna, menciptakan kontras maksimum. Di HSL, cukup tambah atau kurangi 180° dari rona. Misalnya, jika warna Anda H=30° (oranye), komplementernya adalah H=210° (biru). Pertahankan S dan L tetap sama. Merah (#FF0000, H=0°) melengkapi Cyan (H=180°). Konverter ini menampilkan nilai HSL, memudahkan perhitungan komplemen, triad (+120°), atau split-komplemen (+150°/+210°).
Mengapa warna terlihat berbeda di layar yang berbeda?
Layar berbeda dalam gamut warna (rentang warna yang dapat ditampilkan), kalibrasi, dan teknologi panel (IPS, OLED, TN). Warna seperti #FF5733 adalah nilai digital yang presisi, tapi monitor menginterpretasikannya berbeda berdasarkan profil warna dan pengaturan. Untuk warna konsisten, gunakan monitor yang dikalibrasi hardware, desain dalam ruang warna sRGB, dan uji di berbagai perangkat. Warna cetak menggunakan CMYK dengan gamut lebih kecil dari RGB.