Konverter Warna
Konversi warna antara HEX, RGB, HSL, HWB, dan CMYK dengan dukungan transparansi dan pratinjau langsung.
Cara Kerja
Konverter warna mengubah nilai warna antara format HEX, RGB, HSL, dan HSV menggunakan rumus matematika standar — tanpa pembulatan atau pendekatan.
Masukkan warna dalam salah satu format yang didukung: heksadesimal (#RRGGBB), RGB (mis. rgb(255, 128, 0)), HSL (mis. hsl(30, 100%, 50%)) atau HSV. Kalkulator secara otomatis menghitung semua representasi lain secara bersamaan.
Gunakan pemilih warna untuk memilih nilai secara visual daripada mengetiknya secara manual.
Format HEX paling umum digunakan dalam CSS dan HTML. RGB paling nyaman untuk manipulasi programatik. HSL intuitif saat menyesuaikan rona, saturasi, dan kecerahan.
Contoh Praktis
Masukkan #1E90FF: alat melaporkan rgb(30, 144, 255) dan hsl(210, 100%, 56%), mengenalinya sebagai warna CSS bernama dodgerblue, dan menampilkan luminans relatif WCAG-nya. Bagian harmoni membuat pasangan komplementer, analog, triadik, dan komplementer-terbelah — klik swatch mana pun untuk memuatnya dan terus menjelajah. Arah sebaliknya sama lumrahnya: tempel rgb(30, 144, 255) dari alat desain dan salin heksnya untuk stylesheet Anda, dengan semua format tetap sinkron saat nilainya disetel.
Kasus Penggunaan
- Mencocokkan warna desain antar alat
- Mengonversi palet warna merek
- Membuat varian warna CSS
- Memahami model warna
- Mengekspor nilai warna ke lingkungan berbeda
Pertanyaan yang Sering Diajukan
- Mengapa HSL→HEX→HSL mungkin tidak mengembalikan nilai yang persis sama?
- Pembulatan tertentu tidak dapat dihindari saat mengonversi antara ruang warna — perbedaannya tidak terlihat secara visual.
- Apakah mendukung saluran alfa/transparansi?
- Versi saat ini menangani warna sepenuhnya buram. Alfa (RGBA/HSLA) direncanakan.
- Format mana yang harus dipilih untuk CSS?
- HEX atau rgb() untuk warna web penuh; hsl() saat Anda perlu menyesuaikan kecerahan/saturasi secara programatik.
- Bisakah saya menyalin nilai dengan satu klik?
- Ya — setiap field output memiliki tombol Salin.
- Apakah konverter menangani warna CSS yang dinamai?
- Tidak langsung — masukkan setara HEX dari warna yang dinamai.