Konverter Kode Warna
Konversi antara RGB, HEX, HSL, HSV, dan CMYK dengan pemilih warna dan pemeriksa kontras
Pemilih Warna
Pratinjau
Format Warna
Palet Warna
Pemeriksa Kontras
Teks Contoh
Ini adalah teks contoh yang lebih kecil untuk uji keterbacaan.
Tentang alat ini
Konverter kode warna adalah alat gratis untuk desainer dan pengembang yang mengonversi antara RGB, HEX, HSL, HSV, dan CMYK. Anda dapat memilih warna secara intuitif, membuat palet warna komplementer dan analog secara otomatis, serta memeriksa rasio kontras WCAG antara teks dan latar. Berguna untuk mendesain situs dan aplikasi, mengelola warna merek, dan memverifikasi aksesibilitas.
Cara penggunaan
- 1 Pilih warna dengan pemilih warna atau ketik nilai HEX langsung.
- 2 Nilai RGB, HSL, HSV, dan CMYK muncul bersamaan.
- 3 Tinjau palet warna komplementer dan analog yang dibuat otomatis.
- 4 Gunakan pemeriksa kontras untuk memastikan teks terbaca di atas latar.
Cara kerjanya
RGB mencampur cahaya merah, hijau, dan biru, masing-masing dari 0 sampai 255, dan menjadi dasar warna di layar. HEX adalah RGB yang sama ditulis sebagai dua digit heksadesimal per kanal, sehingga #FF8800 berarti merah 255, hijau 136, biru 0. HSL menggambarkan warna lewat rona (Hue 0-360 derajat), saturasi, dan kecerahan, lebih dekat ke persepsi manusia dan mudah disetel halus. HSV mengganti kecerahan dengan nilai (Value). CMYK memakai jumlah tinta sian, magenta, kuning, dan hitam untuk cetak. Rasio kontras adalah rasio luminans relatif dua warna; WCAG merekomendasikan minimal 4,5:1 untuk teks normal pada tingkat AA dan 7:1 pada AAA.
Pertanyaan yang sering diajukan
Apa beda HEX dan RGB?
Keduanya membawa informasi warna yang sama. RGB menulis merah, hijau, biru sebagai desimal 0-255, sedangkan HEX mengemasnya dalam dua digit heksadesimal masing-masing. #FF0000 dan rgb(255,0,0) adalah merah yang sama.
Apa arti tingkat kontras AA pada WCAG?
Standar keterbacaan: teks ukuran normal butuh rasio kontras minimal 4,5:1 terhadap latar, sedangkan teks besar diperbolehkan pada 3:1.
Apa keunggulan HSL?
Anda bisa mengubah saturasi atau kecerahan sambil mempertahankan rona, sehingga intuitif membuat variasi warna senada dan gradasi untuk keadaan hover.
Mengapa warna bergeser antara CMYK dan RGB?
RGB adalah campuran cahaya aditif dan CMYK campuran tinta substraktif, dengan gamut berbeda. Warna cerah di layar bisa tampak lebih kusam saat dicetak.
Apa itu warna komplementer dan analog?
Warna komplementer berada di sisi berlawanan roda warna untuk kontras kuat, sedangkan warna analog bertetangga untuk tampilan harmonis. Alat ini menghitung keduanya otomatis.
Alat dan kegunaan terkait
Untuk memahami cara kerja HEX, konverter basis bilangan membantu. Untuk dimensi desain, lihat konverter panjang, dan untuk tata letak web, konversi px, rem, dan em berguna pula.