Konverter Warna
Konversi warna antara HEX, RGB, HSL, HSV, HWB, CMYK, LAB, LCH, dan OKLCH secara gratis. Tempel kode, lihat warnanya, dan salin setiap format.
Contoh:
Hasil konversi
CMYK adalah konversi sederhana tanpa profil ICC. Untuk keperluan cetak, mintalah konversi berbasis profil dari percetakan Anda.
Cara menggunakan konverter warna
- Ketik atau tempel warna di kolom Masukan. Formatnya dideteksi secara otomatis:
#FF6347,FF6347,rgb(255 99 71),255, 99, 71,hsl(9 100% 64%),hsv(9, 72%, 100%),cmyk(0, 61, 72, 0),lab(63% 59 48),oklch(70% 0.2 32), atau nama sepertitomato. - Hasil konversi muncul saat Anda mengetik. Anda juga bisa menekan Enter atau mengklik Konversi.
- Periksa contoh warnanya: kotak ini menampilkan warna dan Format terdeteksi, sehingga Anda tahu bagaimana masukan Anda dibaca.
- Klik Salin di samping format yang Anda butuhkan. Gunakan tombol contoh untuk mencoba masukan yang umum.
Konversi berjalan sepenuhnya di browser Anda.
Format yang didukung
| Format | Contoh | Penggunaan umum |
|---|---|---|
| HEX | #FF6347 |
HTML, CSS, aplikasi desain |
| RGB | rgb(255, 99, 71) |
CSS, kode, editor gambar |
| HSL | hsl(9, 100%, 64%) |
CSS, mengatur kecerahan |
| HSV / HSB | hsv(9, 72%, 100%) |
Photoshop, Figma, pemilih warna |
| HWB | hwb(9 28% 0%) |
CSS Color 4 |
| CMYK | cmyk(0%, 61%, 72%, 0%) |
cetak (lihat catatan di bawah) |
| LAB (D50) | lab(62.99% 59.36 47.88) |
CSS lab(), ilmu warna |
| LCH | lch(62.99% 76.27 38.89) |
CSS lch() |
| OKLCH | oklch(69.62% 0.1955 32.32) |
CSS modern, design system |
Hasil HEX, RGB, HSL, HWB, LAB, LCH, dan OKLCH adalah CSS yang valid dan bisa langsung Anda tempel ke stylesheet. HSV dan CMYK bukan notasi CSS, jadi keduanya ditulis dalam gaya fungsi yang lazim agar mudah dibaca.
Jika masukan Anda memiliki transparansi (misalnya rgb(255 0 0 / 50%)), konverter mempertahankannya: HEX menjadi kode delapan digit seperti #FF000080, dan format lainnya mendapat nilai alfa.
Cara kerja konversi
RGB, HEX, HSL, HSV, dan HWB adalah cara berbeda untuk menulis nilai sRGB yang sama, sehingga konversinya persis (kecuali pembulatan). LAB dan LCH mengikuti definisi CSS Color 4, yang menggunakan titik putih D50 dengan adaptasi kromatik Bradford. Sebagian konverter online memakai D65, sehingga angka LAB mereka bisa berbeda beberapa unit untuk warna yang sama. OKLCH menggunakan model Oklab dari Björn Ottosson, model yang dipakai browser untuk oklch().
Jika Anda memasukkan warna LAB, LCH, atau OKLCH yang terlalu jenuh untuk layar biasa, warna itu berada di luar gamut sRGB dan tidak memiliki padanan HEX. Alat ini lalu menampilkan pesan dan memetakannya ke warna terdekat yang bisa ditampilkan dengan mengurangi kroma sambil mempertahankan kecerahan dan rona.
CMYK hanyalah perkiraan
Nilai CMYK menggunakan rumus sederhana K = 1 − max(R, G, B) dan C = (1 − R − K) / (1 − K), begitu pula untuk M dan Y. Tidak ada profil ICC yang dilibatkan, jadi angkanya tidak memprediksi hasil cetak mesin tertentu. Untuk pekerjaan cetak profesional, lakukan konversi di software tata letak Anda dengan profil dari percetakan (misalnya FOGRA39 atau GRACoL). Konversi CMYK kembali ke RGB memakai rumus kebalikannya, R = (1 − C)(1 − K).
Pertanyaan yang sering diajukan
Bagaimana cara mengonversi HEX ke RGB secara manual?
Bagi kode menjadi tiga pasang dan ubah setiap pasang dari basis 16 ke basis 10. Untuk #FF6347: FF = 255, 63 = 99, 47 = 71, jadi warnanya adalah rgb(255, 99, 71).
Apa bedanya HSL dan HSV?
Keduanya memakai sudut rona dan saturasi, tetapi nilai ketiga HSL adalah lightness (50% adalah warna murni, 100% adalah putih), sedangkan nilai ketiga HSV adalah value atau brightness (100% adalah warna murni atau putih, tergantung saturasinya). Karena itu, warna yang sama memiliki angka saturasi yang berbeda di setiap model.
Mengapa nilai LAB saya berbeda dari konverter lain?
Kemungkinan besar karena titik putihnya. Alat ini memakai D50, seperti CSS lab(). Konverter yang berbasis D65 memberikan angka yang sedikit berbeda. Keduanya benar menurut acuannya masing-masing.
Bisakah saya mengonversi CMYK ke HEX?
Bisa. Ketik misalnya cmyk(0%, 61%, 72%, 0%) atau cmyk(0, 0.61, 0.72, 0). Ingat bahwa hasilnya adalah perkiraan tanpa profil warna.
Apakah alat ini menerima warna tanpa tanda #?
Ya. ff6347, f64, bahkan tiga angka yang dipisahkan koma seperti 255, 99, 71 akan dikenali.
Alat terkait
- Pemilih Warna Pemilih warna online gratis. Pilih warna apa pun dan langsung salin kode HEX, RGB, HSL, HSV, dan CMYK-nya, lengkap dengan rasio kontras.
- Generator Palet Warna Buat palet warna dari satu warna dasar dengan aturan harmoni warna: komplementer, analog, triadik, tetradik, persegi, dan monokromatik.
- Ambil Warna dari Gambar Unggah gambar dan klik piksel mana pun untuk mendapatkan warnanya dalam HEX, RGB, HSL, HSV, dan CMYK. Ada kaca pembesar dan rata-rata piksel.