Konverter Warna HEX ↔ RGB ↔ HSL
Ketik atau tempel warna dalam format apa pun — #ff6600, rgb(255, 102, 0), atau hsl(24, 100%, 50%) — dan dapatkan ketiga formatnya seketika, siap disalin. Pemilih warna, tint, dan shade juga tersedia.
🔒 100% privat — file tidak pernah keluar dari browser Anda
Tint (lebih terang)
Shade (lebih gelap)
Klik blok mana pun untuk memuatnya kembali ke konverter.
Cara menggunakan Konverter warna
- 1 Pilih warna, atau tempel nilai HEX / RGB / HSL apa pun ke kotak teks.
- 2 Salin format yang Anda butuhkan — HEX, RGB, dan HSL selalu sinkron.
- 3 Gunakan baris tint dan shade untuk variasi lebih terang/gelap secara instan.
Pertanyaan yang sering diajukan
Apa perbedaan antara HEX, RGB, dan HSL?
HEX (#ff6600) dan RGB (rgb(255, 102, 0)) mendeskripsikan campuran merah-hijau-biru yang sama; HEX hanya notasi ringkasnya. HSL (hsl(24, 100%, 50%)) mendeskripsikan hue, saturasi, dan lightness — jauh lebih mudah disesuaikan manusia.
Apakah menerima format singkat dan campuran?
Ya — singkatan #f60, HEX 6 digit, rgb()/rgba() dengan koma atau spasi, dan hsl()/hsla() semuanya diurai. Warna hasil parse dipratinjau langsung agar Anda melihat persis apa yang Anda dapatkan.
Apakah nilai dibatasi ke rentang yang valid?
Ya. Kanal RGB dibatasi ke 0–255 dan HSL ke 0–360 / 0–100% / 0–100%, sehingga nilai yang salah tidak merusak CSS Anda secara diam-diam.