Konverter Warna
Konversi kode warna HEX, RGB, dan HSL secara instan
Apa itu Konverter Warna?
Konverter Warna adalah alat online gratis yang mengubah kode warna antara format HEX, RGB, dan HSL secara instan. Alat ini sangat berguna bagi desainer grafis, developer web, dan kreator konten yang bekerja dengan warna di berbagai platform.
Cara Menggunakan Konverter Warna
Cukup masukkan kode warna di salah satu format — misalnya #3366FF di kolom HEX — lalu tekan Enter. Nilai RGB dan HSL akan otomatis dihitung. Kamu juga bisa menggunakan slider untuk menyesuaikan warna secara visual, atau gunakan color picker untuk memilih warna langsung.
Format Warna yang Didukung
- HEX — Kode heksadesimal 6 digit (contoh: #FF3D00). Format yang paling umum digunakan di CSS dan desain web.
- RGB — Nilai Red (0–255), Green (0–255), Blue (0–255). Format standar untuk layar digital dan pemrograman.
- HSL — Hue (0–360°), Saturation (0–100%), Lightness (0–100%). Format yang lebih intuitif untuk menyesuaikan warna.
Fitur Unggulan
- Preview warna real-time — Lihat warna yang kamu pilih secara langsung di panel preview.
- Salin dengan satu klik — Salin kode warna dalam format HEX, RGB, atau HSL ke clipboard.
- Riwayat warna — 5 warna terakhir tersimpan otomatis untuk akses cepat.
- Bagikan via URL — Setiap warna memiliki URL unik yang bisa dibagikan.
- 100% di browser — Tidak ada data yang dikirim ke server. Privasi terjamin.
Bagaimana cara mengubah HEX ke RGB?
Masukkan kode HEX (misalnya #3366FF) di kolom HEX, lalu tekan Enter atau klik di luar kolom. Nilai RGB dan HSL akan otomatis ditampilkan. Klik tombol salin untuk menyalin hasilnya.
Apa perbedaan HEX, RGB, dan HSL?
HEX menggunakan kode heksadesimal (#RRGGBB), RGB menggunakan nilai Red, Green, Blue (0–255), dan HSL menggunakan Hue (0–360), Saturation (0–100%), Lightness (0–100%). Ketiganya merepresentasikan warna yang sama dengan format berbeda.
Apakah data saya aman?
Ya, 100% aman. Semua konversi dilakukan langsung di browser Anda. Riwayat warna tersimpan di localStorage browser, bukan di server. Tidak ada tracking.
Bagaimana cara berbagi warna?
URL otomatis berubah saat Anda memilih warna (misalnya #hex=3366FF). Cukup salin URL dari address bar untuk berbagi warna yang sama. Penerima akan langsung melihat warna tersebut saat membuka link.
Apa kegunaan slider RGB dan HSL?
Slider RGB memungkinkan kamu menyesuaikan komponen Red, Green, dan Blue secara individual. Slider HSL memungkinkan pengaturan Hue (warna dasar), Saturation (kecerahan warna), dan Lightness (terang-gelap). Perubahan langsung terlihat di preview.
Berapa warna yang tersimpan di riwayat?
5 warna terakhir tersimpan otomatis di browser (localStorage). Kamu bisa klik warna di riwayat untuk langsung memilihnya kembali. Riwayat bertahan selama kamu tidak menghapus data browser.
Apakah format HEX 3 digit didukung?
Ya, kamu bisa memasukkan kode HEX 3 digit (misalnya #36F) dan otomatis dikonversi ke 6 digit (#3366FF). Format shorthand ini umum digunakan di CSS.
Apakah konversi warna ini akurat?
Ya, konversi menggunakan standar W3C CSS Color Module Level 4 (sRGB). Akurasi telah diuji terhadap convertingcolors.com dan rapidtables.com dengan toleransi roundtrip maksimal ±3 unit per channel RGB.
Privasi terjamin: Data Anda tidak disimpan di server kami.