Konverter Warna

Konversi antara HEX, RGB, dan HSL dengan pratinjau langsung.

Pengembang

Tentang Konverter Warna

Warna web sering ditentukan dalam format HEX (misalnya untuk CSS), RGB (untuk alat desain), atau HSL (untuk penyesuaian mudah hue dan saturasi). Alat ini mengonversi antara ketiganya dan menampilkan pratinjau langsung sehingga Anda dapat menempel nilai yang dibutuhkan ke proyek Anda.

Cara Menggunakan Color Converter

  1. Masukkan nilai warna di salah satu dari tiga field: HEX (misalnya #2563EB), RGB (misalnya 37, 99, 235), atau HSL (misalnya 220, 84%, 53%).
  2. Dua format lainnya diperbarui secara instan, bersama dengan swatch pratinjau warna langsung.
  3. Gunakan tombol Salin untuk menyalin nilai yang Anda butuhkan untuk CSS, alat desain, atau dokumentasi.

Fitur Utama

  • Konversi dua arah antara format warna HEX, RGB, dan HSL
  • Swatch pratinjau warna langsung yang diperbarui secara real-time
  • Mendukung HEX singkat (#F00), HEX lengkap (#FF0000), dan berbagai gaya masukan
  • Salin satu klik untuk setiap format — siap ditempel ke CSS atau alat desain
  • 100% berbasis browser — tanpa komunikasi server, tanpa data yang diunggah
  • Bekerja bersama Color Palette Generator untuk alur kerja warna lengkap

Kapan Menggunakan Alat Ini

  • Mengonversi warna HEX dari panduan merek ke RGB untuk digunakan di alat desain
  • Menyesuaikan hue dan saturasi di HSL, kemudian menyalin hasil HEX untuk CSS
  • Mendokumentasikan spesifikasi warna dalam berbagai format di panduan gaya
  • Debugging masalah warna CSS dengan memverifikasi nilai numerik di balik kode HEX
  • Referensi cepat ketika klien atau desainer memberikan warna dalam format berbeda dari yang Anda butuhkan

Detail Teknis

Konversi HEX ke RGB mem-parsing string heksadesimal menjadi tiga integer 8-bit (0–255) untuk merah, hijau, dan biru. Konversi RGB ke HSL menormalisasi nilai RGB ke 0–1, menghitung hue berdasarkan channel mana yang dominan, dan menurunkan saturasi dan lightness dari min/max ketiga channel. Konversi HSL ke RGB menggunakan algoritma standar yang memetakan hue (0–360°), saturasi (0–100%), dan lightness (0–100%) kembali ke nilai RGB 0–255. Semua konversi secara matematis lossless pada presisi warna 8-bit (256 level per channel). Alat ini menggunakan JavaScript murni tanpa pustaka eksternal.

Kesimpulan

Color Converter adalah alat penting bagi pengembang web dan desainer yang perlu beralih cepat antara format warna HEX, RGB, dan HSL. Dengan pratinjau langsung dan penyalinan satu klik, alat ini memperlancar alur kerja warna apa pun — semuanya dalam privasi browser Anda.

Pertanyaan yang Sering Diajukan

Format apa yang didukung?
HEX (misalnya #FF5733 atau FF5733), RGB (misalnya 255, 87, 51), dan HSL (misalnya 11, 100%, 60%). Masukkan nilai dalam format apa pun dan yang lainnya akan diperbarui dengan pratinjau langsung.
Apakah data saya dikirim ke server?
Tidak. Semua konversi dan pratinjau terjadi di browser Anda. Tidak ada yang diunggah.
Bisakah saya menyalin nilai CSS-nya?
Ya. Gunakan tombol Salin untuk menyalin warna saat ini sebagai hex, rgb(), atau hsl() untuk digunakan di CSS.
Apa perbedaan antara RGB dan HSL?
RGB mendefinisikan warna berdasarkan intensitas channel Merah, Hijau, dan Biru (masing-masing 0–255). HSL mendefinisikan warna berdasarkan Hue (0–360° pada roda warna), Saturasi (0–100%), dan Lightness (0–100%). HSL sering lebih intuitif untuk menyesuaikan warna karena Anda dapat mengubah kecerahan atau kejenuhan tanpa mempengaruhi hue dasar.