Apa itu Konverter Kode Warna?

Color Code Converter mengubah nilai warna apa pun menjadi HEX, RGB, HSL, CMYK, dan HSV sekaligus. Ketik kode, tempel nama warna CSS seperti rebeccapurple, atau klik sampelnya untuk memilih warna secara visual; semua format lain langsung diperbarui, jadi tinggal salin format yang dibutuhkan stylesheet atau percetakan Anda.

Ketik atau tempel nilai dalam format apa pun (#FF5733, rgb(255,87,51), hsl(11,100%,60%), cmyk(0%,66%,80%,0%), hsv(11,80%,100%)) atau nama warna CSS seperti tomato atau cornflowerblue. Alat akan mendeteksi formatnya dan mengisi empat format lainnya. Sampel warna di sebelahnya memastikan nilai sudah dibaca dengan benar, dan mengklik sampel itu akan membuka pemilih warna bawaan perangkat Anda untuk mengambil rona apa pun secara visual. Berguna saat file desain memberi satu format sementara stylesheet, aplikasi desain, atau percetakan minta format lain.

Cara menggunakan

1. Langkah 1 - Masukkan nilai warna dalam format apa pun yang didukung, atau nama warna CSS seperti tomato (mis. #FF5733, rgb(255,87,51), hsl(11,100%,60%)).
2. Langkah 2 — Alat ini secara otomatis mendeteksi format input dan mengonversinya ke semua format lain secara real-time.
3. Langkah 3 - Salin nilai yang sudah dikonversi dengan mengkliknya, atau klik pratinjau warna untuk membuka pemilih visual dan mengambil rona baru.

Kapan menggunakan

• Mengubah HEX warna merek menjadi CMYK sebelum mengirim artwork ke percetakan.
• Membaca nilai RGB dari tangkapan layar lalu menulisnya kembali sebagai HEX di CSS.
• Mengecek hue HSL dari desainer terhadap HEX rujukan di panduan merek.

Hasil

Seorang web developer memiliki warna brand #2196F3 dari file desain dan membutuhkan nilai RGB untuk animasi CSS — alat ini langsung menampilkan rgb(33, 150, 243) beserta padanan HSL dan CMYK.

FAQ

Kenapa nilai CMYK sedikit berbeda di software percetakan?

Layar memakai RGB aditif, cetak memakai CMYK subtraktif. Alat menerapkan rumus baku, tapi profil cetak komersial (Coated FOGRA39, GRACoL) menggeser angka beberapa persen mengikuti tinta dan kertas. Anggap CMYK dari sini sebagai titik awal yang mendekati.

Apa yang terjadi kalau saya memasukkan warna tidak valid seperti #ZZZ?

Kolom format lain tetap kosong dan sampel warna tidak muncul. Hasil hanya diperbarui ketika input cocok dengan pola HEX, RGB, HSL, atau CMYK yang sah, sehingga tidak ada konversi setengah jadi yang membingungkan.

Apakah HEX pendek seperti #F53 dikenali?

Ya. HEX tiga digit adalah bentuk singkat dari enam digit: #F53 setara dengan #FF5533, dan konverter menerima keduanya. Output selalu dalam bentuk enam digit lengkap, supaya saat ditempel ke tempat lain tidak ambigu.

Apa beda HSL dan HSV?

Keduanya berawal dari hue, tapi HSL mengukur lightness dari hitam ke putih, sementara HSV (juga disebut HSB) mengukur brightness terhadap warna murni. Konverter ini sekarang menampilkan HSL dan HSV berdampingan, karena CSS pakai HSL dan Photoshop pakai HSV, dan desainer kerap perlu mengonversi antara keduanya.

Apakah alat ini mendukung transparansi atau kanal alpha?

Tidak di konverter ini. HEX, RGB, HSL, dan CMYK di sini selalu opak. Untuk warna dengan transparansi gunakan HEX 8 digit (#RRGGBBAA) atau rgba(), keduanya di luar empat format yang dialihbahasakan alat ini.

Alat terkait