HEX · RGB · HSL · HSV · CMYK
Konverter warna
Warna #0060fd adalah rgb(0, 96, 253), hsl(217, 100%, 50%), dan cmyk(100%, 62%, 0%, 1%). Ketik warna CSS apa pun atau pakai pemilih untuk mengonversi warna Anda sendiri.
- #0060fd = rgb(0, 96, 253)
- #0060fd = hsl(217, 100%, 50%)
- #0060fd = cmyk(100%, 62%, 0%, 1%)
- red = #ff0000
Ubin diperbarui saat Anda mengetik. Jika teksnya bukan warna, muncul pesan kesalahan dan warna valid terakhir tetap tampil di layar.
Scanned by 
NortonTM Safe Web
Sekilas
- Harga
- Tanpa biaya
- Akun
- Tidak perlu
- Unggah
- Tidak berlaku — Anda mengetik warna, tidak ada yang dikirim ke mana pun
- Masukan
- HEX (3, 4, 6, atau 8 digit), rgb(), hsl(), hwb(), 148 nama warna CSS, dan transparent
- Keluaran
- HEX, RGB, HSL, HSV, CMYK, dan nama warna CSS terdekat
- CMYK
- Konversi matematis, bukan profil cetak
Warna umum di setiap model
Baris-baris ini dihasilkan oleh kode yang sama dengan konverter. HSL, HSV, dan CMYK dibulatkan menjadi bilangan bulat.
| Diketik | HEX | RGB | HSL | HSV | CMYK |
|---|---|---|---|---|---|
| #0060fd | #0060fd | rgb(0, 96, 253) | hsl(217, 100%, 50%) | hsv(217, 100%, 99%) | cmyk(100%, 62%, 0%, 1%) |
| red | #ff0000 | rgb(255, 0, 0) | hsl(0, 100%, 50%) | hsv(0, 100%, 100%) | cmyk(0%, 100%, 100%, 0%) |
| white | #ffffff | rgb(255, 255, 255) | hsl(0, 0%, 100%) | hsv(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| black | #000000 | rgb(0, 0, 0) | hsl(0, 0%, 0%) | hsv(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
| grey | #808080 | rgb(128, 128, 128) | hsl(0, 0%, 50%) | hsv(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |
| transparent | #00000000 | rgba(0, 0, 0, 0) | hsla(0, 0%, 0%, 0) | hsv(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
Cara mengonversi warna
Masukkan warna
Ketik kode HEX dengan 3, 4, 6, atau 8 digit, nilai rgb(), hsl(), atau hwb(), atau salah satu dari 148 nama warna CSS. Anda juga bisa mengeklik kotak warna dan memilih warna dengan pemilih di browser Anda.
Baca model lainnya
Contoh warna ditampilkan di atas pola papan catur, sehingga transparansi terlihat. Ubin menampilkan warna yang sama sebagai HEX, RGB, HSL, HSV, dan CMYK, serta nama warna CSS terdekat.
Salin yang Anda butuhkan
Tekan Salin pada sebuah ubin untuk menaruh nilainya di papan klip, siap ditempel ke stylesheet, alat desain, atau dokumen.
Bagaimana model warna saling berkaitan
RGB menggambarkan warna sebagai jumlah cahaya merah, hijau, dan biru yang ditambahkan layar, masing-masing dari 0 sampai 255; #0060fd adalah 0 merah, 96 hijau, dan 253 biru. HEX adalah tiga angka yang sama dalam basis 16, jadi 96 menjadi 60 dan 253 menjadi fd. HSL dan HSV menggambarkan warna yang sama sebagai sudut rona dari 0 sampai 360 derajat pada roda warna ditambah dua persentase: saturasi, dan kecerahan (HSL) atau nilai (HSV). #0060fd punya rona 217 di keduanya. CMYK menggambarkan tinta: cyan, magenta, kuning, dan hitam dikurangkan dari kertas putih.
CMYK yang ditampilkan di sini adalah konversi matematis sederhana: hitam adalah 1 dikurangi yang terbesar di antara R, G, dan B, dan cyan, magenta, serta kuning adalah sisanya. Ini bukan profil cetak, jadi printer atau program desain yang memakai profil ICC akan memberi angka CMYK yang berbeda untuk warna yang sama. Nilai HSL ditampilkan sebagai bilangan bulat, jadi mengonversi nilai yang dibulatkan kembali dapat menggeser sebuah kanal beberapa satuan: hsl(217, 100%, 50%) adalah #0062ff, bukan #0060fd. Nama CSS terdekat adalah kata kunci dengan selisih warna CIE76 terkecil di ruang L*a*b*. Semuanya berjalan di browser Anda dan tidak ada yang dikirim ke mana pun.
Pertanyaan tentang konverter warna
Bagaimana cara mengonversi HEX ke RGB?
Bagi enam digit menjadi tiga pasang dan baca tiap pasang sebagai bilangan basis 16. #0060fd adalah 00, 60, dan fd, yaitu 0, 96, dan 253, jadi warnanya adalah rgb(0, 96, 253). Tempel kode HEX ke kolom dan ubin RGB menampilkan hasilnya.
Apa arti dua digit terakhir pada kode HEX 8 digit?
Keduanya adalah kanal alfa, yaitu opasitas, dari 00 (sepenuhnya transparan) sampai ff (sepenuhnya buram). #0060fd80 adalah biru yang sama pada 128 dari 255, sekitar 50.2% opasitas, sehingga ditampilkan sebagai rgba(0, 96, 253, 0.502). Kode 4 digit seperti #06f8 bekerja dengan cara yang sama, dengan tiap digit digandakan.
Apa beda HSL dan HSV?
Keduanya memakai rona dan saturasi, tetapi nilai ketiganya berbeda. Pada HSL, kecerahan 50% adalah warna murni, 0% adalah hitam, dan 100% adalah putih. Pada HSV, nilai 100% adalah versi warna yang paling terang, dan putih membutuhkan saturasi 0%. Biru yang sama adalah hsl(217, 100%, 50%) dan hsv(217, 100%, 99%).
Bisakah hasil CMYK dipakai untuk mencetak?
Pakailah hanya sebagai titik awal. Halaman ini memakai rumus sederhana antara RGB dan CMYK, yang tidak tahu apa-apa tentang tinta, kertas, atau profil printer. Percetakan atau program desain dengan profil warna akan mengonversi warna RGB yang sama menjadi angka CMYK yang berbeda.
Format warna apa saja yang bisa saya ketik?
HEX dengan atau tanpa #, dalam 3, 4, 6, atau 8 digit; rgb() dan rgba() dengan koma atau spasi, angka atau persentase, dan alfa opsional setelah garis miring; hsl(), hsla(), dan hwb() dengan sudut dalam deg, rad, grad, atau turn; 148 nama warna CSS seperti rebeccapurple; dan transparent.
Mengapa nama warna terdekat tidak persis sama?
CSS hanya punya 148 nama warna, jadi kebanyakan warna tidak punya nama sendiri. Halaman memilih nama yang warnanya tampak paling dekat, diukur sebagai selisih warna CIE76 di ruang L*a*b*; untuk #0060fd itu adalah mediumslateblue. Ketika warnanya persis sama dengan warna bernama, seperti #ff0000, halaman menyatakan bahwa itu cocok persis.