Konversi Warna - Kode HEX, RGB, HSL, HSV, dan CMYK

Konversi Warna untuk HEX, RGB, HSL, dan CMYK

Konverter warna ini mengubah warna dari satu format ke format lain secara real-time, sehingga Anda bisa memindahkan satu nilai antara HEX, RGB, HSL, HSV, dan CMYK tanpa menghitung sendiri. Ketik sebuah kode, lihat hasilnya berubah pada setiap ketukan tombol, lalu salin hanya dengan sekali klik.

Alat ini dibuat untuk pengembang web yang mencocokkan format warna CSS, desainer yang memindahkan warna antar aplikasi, dan profesional percetakan yang perlu mengubah warna layar menjadi CMYK siap cetak. Jika Anda sering membaca kode HEX dari berkas desain atau nilai RGB dari CSS, alat ini menjaga setiap format hanya berjarak satu tab.

Privat sejak awal: setiap konversi berjalan di browser Anda. Nilai warna Anda tidak pernah diunggah ke server atau disimpan di mana pun, dan alat ini tetap bekerja setelah halaman selesai dimuat.

Cara Mengonversi Warna

Pilih jenis konversi

Pilih konversi yang Anda butuhkan dari tab: HEX → RGB, RGB → HEX, HEX → HSL, HSL → HEX, RGB → HSL, atau RGB → CMYK.

Masukkan nilai warna Anda

Ketik nilai pada kolom input. HEX dapat ditulis dengan atau tanpa # dan menerima bentuk singkat 3 karakter; RGB dan HSL menerima angka yang dipisahkan koma maupun bentuk lengkap rgb(...) / hsl(...).

Atau pilih warna secara visual

Klik pratinjau warna besar untuk membuka pemilih warna. Pilih warna apa pun dan kolom input akan terisi sendiri dengan format yang tepat untuk tab aktif, lalu langsung dikonversi.

Salin hasilnya

Klik tombol salin di samping hasil untuk mengirim nilai hasil konversi ke papan klip. Buka Semua Format untuk melihat HEX, RGB, HSL, HSV, dan CMYK sekaligus, masing-masing dengan tombol salinnya sendiri.

Fitur

Konversi Instan

Warna dikonversi secara real-time saat Anda mengetik. Hasilnya diperbarui pada setiap ketukan tombol tanpa perlu menekan tombol apa pun.

Pratinjau Warna Langsung

Kotak pratinjau besar diperbarui seketika dengan bayangan dinamis yang warnanya disesuaikan dengan warna yang Anda masukkan.

Pemilih Warna Visual

Tidak tahu kodenya? Klik pratinjau untuk membuka pemilih dan kolom input akan terisi dengan format yang tepat secara otomatis.

Semua Format Sekaligus

Buka Semua Format untuk melihat warna Anda dalam HEX, RGB, HSL, HSV, dan CMYK berdampingan, masing-masing dengan tombol salin.

Salin Sekali Klik

Setiap hasil memiliki tombol salin. Sekali klik mengirim nilai ke papan klip Anda dengan notifikasi konfirmasi.

Validasi Input

Nilai yang tidak valid ditandai dengan pesan yang jelas dan kolom input disorot merah hingga formatnya benar.

Format Input Fleksibel

Menerima HEX dengan atau tanpa #, HEX singkat 3 karakter, serta RGB atau HSL sebagai angka mentah maupun dibungkus rgb() / hsl().

Desain Responsif

Konverter ini bekerja di perangkat apa pun dan beralih ke tata letak vertikal pada layar yang lebih kecil agar lebih mudah digunakan.

Pertanyaan yang Sering Diajukan

Bagaimana cara mengonversi HEX ke RGB?

Buka tab HEX → RGB dan ketik kode hex Anda, misalnya #3B82F6 (tanda # bersifat opsional dan bentuk singkat 3 karakter seperti #FFF juga bisa). Nilai RGB muncul seketika dan tombol salin menaruhnya ke papan klip Anda.

Bagaimana cara mengonversi RGB ke HEX?

Gunakan tab RGB → HEX dan masukkan nilai Anda sebagai 59, 130, 246 atau rgb(59, 130, 246). Kode hex yang cocok dibuat saat Anda mengetik. RGB dan HEX menggambarkan warna layar yang sama, jadi tidak ada kehilangan warna di kedua arah.

Apa perbedaan antara RGB dan CMYK?

RGB adalah model aditif untuk layar yang mencampur cahaya merah, hijau, dan biru. CMYK adalah model subtraktif untuk percetakan yang memakai tinta cyan, magenta, kuning, dan key (hitam). CMYK memiliki rentang warna yang lebih kecil, sehingga beberapa warna cerah di layar tidak dapat direproduksi persis saat dicetak.

Bagaimana cara mengubah warna ke CMYK untuk cetak?

Buka tab RGB → CMYK dan masukkan nilai RGB Anda (atau pilih warna secara visual). Alat ini menghasilkan persentase CMYK yang bisa Anda serahkan untuk pekerjaan cetak. Karena CMYK memiliki gamut yang lebih sempit, anggap hasilnya sebagai titik awal yang mendekati dan konfirmasikan warna penting dengan percetakan Anda.

Apa itu warna HSL dan kapan sebaiknya digunakan?

HSL adalah singkatan dari Hue (rona), Saturation (saturasi), dan Lightness (kecerahan), dan lebih intuitif daripada RGB untuk menyesuaikan warna. Untuk membuat warna lebih terang, lebih gelap, atau lebih hidup, Anda hanya mengubah satu nilai alih-alih menyeimbangkan tiga nilai sekaligus, yang berguna untuk membuat tint, shade, dan tema. Gunakan tab HEX → HSL atau RGB → HSL untuk mendapatkan nilai HSL.

Bisakah saya mengonversi CMYK kembali ke RGB?

Alat ini mengonversi dari RGB ke CMYK, bukan sebaliknya. Untuk arah sebaliknya, gunakan tab RGB → HEX guna menemukan nilai RGB atau HEX Anda, atau pakai alat khusus CMYK-ke-RGB ketika Anda membutuhkan arah persis itu.

Apakah data saya disimpan atau dikirim ke mana pun?

Tidak. Setiap konversi terjadi langsung di browser Anda. Nilai warna Anda tidak pernah dikirim ke server atau disimpan, dan alat ini tetap bekerja secara offline setelah halaman selesai dimuat.