Konverter Kode Warna Online Gratis
Konversi warna antara HEX, RGB, HSL, HSV, dan CMYK.
Who uses the Konverter Kode Warna?
- Developer frontend yang mengonversi sampel HEX dari alat desain ke RGB atau HSL untuk variabel CSS.
- Pelajar yang mempelajari bagaimana HEX, RGB, dan HSL merepresentasikan warna yang sama secara berbeda.
- Desainer yang memeriksa nilai warna yang disalin dari panduan gaya atau tangkapan layar.
How the Konverter Kode Warna works
Pilih tab — HEX, RGB, atau HSL — sesuai format warna Anda.
Masukkan nilainya: kode HEX seperti #FF5733, atau kolom numerik R/G/B atau H/S/L.
Dua format lainnya dan swatch warna akan diperbarui otomatis saat Anda mengetik.
Baca nilai HEX, RGB, dan HSL pada baris hasil di bawah swatch.
Tips & tricks
- Ganti tab sesuai format input Anda — kolom di setiap tab bersifat independen, bukan satu kolom universal.
- Swatch diperbarui secara langsung, sehingga Anda bisa memeriksa secara visual nilai hasil konversi sebelum menyalinnya.
- HSL sering lebih mudah untuk menyesuaikan kecerahan atau intensitas warna — naikkan L untuk mencerahkan, turunkan S untuk meredupkan.
- Tidak ada kanal alfa/transparansi — untuk CSS dengan transparansi, tambahkan nilai alfa secara manual setelah konversi (mis. rgba(r, g, b, 0.5)).
Frequently Asked Questions
Format warna CSS apa yang didukung alat ini?
Alat ini mengonversi antara HEX (3 atau 6 digit), RGB, dan HSL — tiga format warna CSS paling umum. Saat ini belum mendukung kanal alfa RGBA/HSLA, HSB/HSV, CMYK, atau warna CSS bernama seperti "coral".
Apa perbedaan antara RGB dan HSL?
RGB mendefinisikan warna melalui komponen merah, hijau, dan biru (masing-masing 0–255). HSL mendefinisikannya melalui hue (0-360°), saturation (0-100%), dan lightness (0-100%) — sering lebih intuitif untuk menyesuaikan warna, karena Anda bisa mencerahkan atau mengurangi saturasi tanpa menghitung ulang RGB.
Bagaimana cara mengonversi warna CSS bernama seperti "coral" ke HEX?
Alat ini tidak mencari warna bernama — masukkan langsung nilai HEX-nya (coral = #FF7F50). Anda bisa menemukan nilai HEX warna bernama di spesifikasi CSS Color Module atau color picker browser mana pun.
Apa itu HSB/HSV dan apakah alat ini mendukungnya?
HSB (hue, saturation, brightness), juga disebut HSV, digunakan di Photoshop dan banyak alat desain — mirip dengan HSL tapi mendefinisikan kanal ketiga secara berbeda. Alat ini hanya mengonversi HEX/RGB/HSL; jika sumber Anda HSB, konversikan dulu di alat desain Anda.
Bisakah saya mengonversi warna dengan custom property CSS (variabel)?
Masukkan nilai warna yang sebenarnya, bukan nama variabel. Resolusikan --my-color ke nilainya terlebih dahulu, lalu konversi. Alat ini bekerja dengan nilai warna sebenarnya, bukan referensi variabel CSS.
Is my data safe when using the Konverter Kode Warna?
Completely safe. The Konverter Kode Warna processes everything locally in your browser. No input data, results, or usage information is ever transmitted to or stored on any server.
Can I use the Konverter Kode Warna output in commercial projects?
Yes. The Konverter Kode Warna is a utility tool and its output carries no licensing restrictions. You are free to use results in any project, commercial or personal.
Does the Konverter Kode Warna follow official standards?
Yes. The Konverter Kode Warna is built to comply with the relevant industry standard or specification for this utility type. If you encounter an unexpected result, verify your input against the specification — edge cases outside the standard may produce undefined behaviour.