Dardura Tools

Konversi Warna HEX RGB HSL

HSL238.7°, 83.5%, 66.7%
Nama WarnaIndigo 500

Advertisement

Google AdSense Placeholder

Tentang Konversi Warna HEX RGB HSL

Ilustrasi Konversi Warna HEX RGB HSL

Tentang Tools Ini

Konversi Warna HEX RGB HSL adalah tools online gratis untuk mengkonversi kode warna antara format HEX, RGB, dan HSL. Cukup masukkan kode HEX atau atur slider RGB, tool akan menampilkan pratinjau warna, kode HEX, RGB, HSL, dan nama warna. Sangat berguna untuk desainer web, developer, dan content creator.

Fitur

  • Konversi HEX ke RGB dan HSL secara instan
  • Input RGB manual dengan 3 slider angka
  • Pratinjau warna real-time (kotak warna 128×128)
  • Nama warna otomatis (Inggris)
  • Salin semua format warna dengan satu klik

Manfaat

  • Mendapatkan kode warna dalam 3 format sekaligus
  • Membantu memilih warna yang konsisten untuk desain
  • Cocok untuk CSS, desain grafis, dan UI/UX
  • Pratinjau warna membantu visualisasi sebelum pakai

Cara Menggunakan

  1. 1Masukkan kode HEX (misal #6366f1) atau atur nilai RGB
  2. 2Pratinjau warna akan muncul secara otomatis
  3. 3Lihat hasil konversi ke RGB dan HSL
  4. 4Salin semua kode warna menggunakan tombol Salin

Tips

  • Gunakan # di awal kode HEX (contoh: #ff0000 untuk merah)
  • HEX 6 digit (#RRGGBB) memberikan warna yang lebih akurat
  • HSL memudahkan mencari variasi warna dengan mengubah nilai L (lightness)

Pertanyaan Umum

HEX adalah kode warna 6 digit yang diawali dengan #, menggunakan kombinasi 16 angka/huruf (0-9, A-F). Format: #RRGGBB, di mana RR=merah, GG=hijau, BB=biru. Contoh: #FF0000 = merah.
RGB (Red, Green, Blue) menentukan warna berdasarkan intensitas 3 warna dasar (0-255). HSL (Hue, Saturation, Lightness) lebih intuitif: Hue = warna dasar, Saturation = kepekatan, Lightness = kecerahan. HSL lebih mudah untuk membuat variasi warna.

Tidak Menemukan Tools yang Anda Butuhkan?

Kirimkan request dan kami akan mempertimbangkan untuk menambahkannya.