Lewati ke konten

Konverter Warna HEX/RGB

Converter

Konversi nilai warna lintas format HEX, RGB, HSL, dan CMYK secara real-time.

Konversi Warna
RGBrgb(37, 99, 235)
HEX#2563eb
HSLhsl(221, 83%, 53%)
CMYK0%, 58%, 0%, 8%

Tentang Konverter Warna HEX/RGB

Konverter warna mengubah nilai warna antar format HEX, RGB, HSL, dan CMYK. Setiap format melayani kebutuhan berbeda: HEX dipakai pada kode halaman web, RGB memakai tiga nilai komponen cahaya, HSL lebih mudah dibaca manusia karena menyatakan rona, kejenuhan, dan terang, sedangkan CMYK disusun untuk percetakan.

Konversi ini sering diperlukan saat menyesuaikan warna merek dari berkas desain ke kode CSS, atau saat meminta cetak ulang kepada percetakan yang meminta nilai CMYK.

Cara memakai Konverter Warna HEX/RGB

  1. Tempelkan nilai warna pada kolom yang sesuai format asalnya, misalnya kode HEX berawalan tanda pagar.
  2. Periksa padanan pada format lain, lalu salin nilai yang dibutuhkan.
  3. Bila nilai HEX berisi tiga digit saja, artinya setiap karakter mewakili dua digit yang sama, sehingga bentuk singkat dapat disetarakan ke enam digit.
  4. Gunakan pemilih warna untuk melihat perbandingan visual sebelum nilai dipakai pada desain.

Contoh pemakaian di pekerjaan sehari-hari

Menyesuaikan warna merek di situs

Kode warna dari berkas pedoman merek dapat disalin ke CSS dalam format HEX, atau diubah ke HSL bila Anda perlu menyesuaikan terang warna untuk tema gelap.

Menyiapkan berkas untuk percetakan

Percetakan biasanya meminta nilai CMYK. Konversi dari RGB memberi nilai perkiraan, namun hasil cetak akhir tetap dipengaruhi jenis kertas dan profil warna mesin cetak.

Batasan yang perlu Anda tahu

  • Nilai CMYK hasil konversi dari RGB bersifat perkiraan. Cetak memakai tinta dengan ruang warna lebih sempit daripada layar, sehingga beberapa warna cerah tidak dapat direproduksi persis.
  • Tampilan warna di layar bergantung pada pengaturan dan mutu panel monitor, sehingga warna yang sama dapat terlihat berbeda antar perangkat.
  • Konversi tidak memperhitungkan profil warna khusus seperti yang dipakai industri percetakan profesional.
  • Kode warna biasanya perlu memakai huruf kapital atau huruf kecil secara konsisten agar terbaca sistem; periksa aturan penulisan pada tempat Anda memakainya.

Pertanyaan yang sering muncul tentang converter

Kapan sebaiknya memakai HSL daripada HEX?
Gunakan HSL ketika Anda perlu menyesuaikan terang atau kejenuhan warna sambil mempertahankan ronanya, karena tiga komponennya dipisah sehingga perubahan lebih mudah dikendalikan.
Mengapa hasil cetak berbeda dari warna di layar?
Layar memancarkan cahaya dengan ruang warna lebih luas, sedangkan cetakan memantulkan cahaya dari tinta di atas kertas. Karena itu beberapa warna cerah tampak lebih kusam saat dicetak.
Apakah kode HEX dan RGB mewakili warna yang sama?
Ya. Keduanya penyebutan berbeda untuk nilai yang sama. HEX adalah penulisan enam digit heksadesimal dari tiga komponen RGB yang masing-masing bernilai nol sampai 255.