HEX · RGB · HSL · HSV · CMYK
Penukar warna
Warna #0060fd ialah rgb(0, 96, 253), hsl(217, 100%, 50%) dan cmyk(100%, 62%, 0%, 1%). Taip mana-mana warna CSS atau gunakan pemilih untuk menukar warna anda sendiri.
- #0060fd = rgb(0, 96, 253)
- #0060fd = hsl(217, 100%, 50%)
- #0060fd = cmyk(100%, 62%, 0%, 1%)
- red = #ff0000
Jubin dikemas kini semasa anda menaip. Jika teks bukan warna, ralat muncul dan warna sah yang terakhir kekal pada skrin.
Scanned by 
NortonTM Safe Web
Sepintas lalu
- Harga
- Tiada caj
- Akaun
- Tidak diperlukan
- Muat naik
- Tidak berkenaan — anda menaip warna, tiada apa dihantar ke mana-mana
- Input
- HEX (3, 4, 6 atau 8 digit), rgb(), hsl(), hwb(), 148 nama warna CSS dan transparent
- Output
- HEX, RGB, HSL, HSV, CMYK dan nama warna CSS terdekat
- CMYK
- Penukaran matematik, bukan profil cetakan
Warna biasa dalam setiap model
Baris ini dihasilkan oleh kod yang sama seperti penukar. HSL, HSV dan CMYK dibundarkan kepada nombor bulat.
| Ditaip | 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 menukar warna
Masukkan warna
Taip kod HEX dengan 3, 4, 6 atau 8 digit, nilai rgb(), hsl() atau hwb(), atau salah satu daripada 148 nama warna CSS. Anda juga boleh mengklik kotak warna dan memilih warna dengan pemilih pelayar anda.
Baca model lain
Petak contoh menunjukkan warna di atas corak papan dam, jadi ketelusan dapat dilihat. Jubin menunjukkan warna yang sama sebagai HEX, RGB, HSL, HSV dan CMYK, serta nama warna CSS terdekat.
Salin apa yang anda perlukan
Tekan Salin pada jubin untuk meletakkan nilai itu pada papan keratan, sedia untuk ditampal ke dalam helaian gaya, alat reka bentuk atau dokumen.
Bagaimana model warna berkaitan
RGB menerangkan warna sebagai jumlah cahaya merah, hijau dan biru yang ditambah oleh skrin, masing-masing dari 0 hingga 255; #0060fd ialah 0 merah, 96 hijau dan 253 biru. HEX ialah tiga nombor yang sama ditulis dalam asas 16, jadi 96 ialah 60 dan 253 ialah fd. HSL dan HSV menerangkan warna yang sama sebagai sudut rona dari 0 hingga 360 darjah pada roda warna serta dua peratusan: ketepuan, dan kecerahan (HSL) atau nilai (HSV). #0060fd mempunyai rona 217 dalam kedua-duanya. CMYK menerangkan dakwat: sian, magenta, kuning dan hitam ditolak daripada kertas putih.
CMYK yang ditunjukkan di sini ialah penukaran matematik biasa: hitam ialah 1 tolak yang terbesar antara R, G dan B, dan sian, magenta serta kuning ialah baki. Ia bukan profil cetakan, jadi pencetak atau program reka bentuk yang menggunakan profil ICC akan memberikan nombor CMYK yang berbeza untuk warna yang sama. Nilai HSL ditunjukkan sebagai nombor bulat, jadi menukar nilai yang dibundarkan kembali boleh menggerakkan satu saluran beberapa unit: hsl(217, 100%, 50%) ialah #0062ff, bukan #0060fd. Nama CSS terdekat ialah kata kunci dengan perbezaan warna CIE76 terkecil dalam ruang L*a*b*. Semuanya berjalan dalam pelayar anda dan tiada apa dihantar ke mana-mana.
Soalan penukar warna
Bagaimanakah cara menukar HEX kepada RGB?
Pecahkan enam digit kepada tiga pasang dan baca setiap pasang sebagai nombor asas 16. #0060fd ialah 00, 60 dan fd, iaitu 0, 96 dan 253, jadi warnanya ialah rgb(0, 96, 253). Tampal kod HEX ke dalam medan dan jubin RGB menunjukkan hasilnya.
Apakah maksud dua digit terakhir kod HEX 8 digit?
Ia ialah saluran alfa, iaitu kelegapan, dari 00 (telus sepenuhnya) hingga ff (legap sepenuhnya). #0060fd80 ialah biru yang sama pada 128 daripada 255, iaitu kira-kira 50.2% kelegapan, jadi ia ditunjukkan sebagai rgba(0, 96, 253, 0.502). Kod 4 digit seperti #06f8 berfungsi dengan cara yang sama, dengan setiap digit digandakan.
Apakah beza antara HSL dengan HSV?
Kedua-duanya menggunakan rona dan ketepuan, tetapi nilai ketiga berbeza. Dalam HSL, kecerahan 50% ialah warna tulen, 0% ialah hitam dan 100% ialah putih. Dalam HSV, nilai 100% ialah versi warna yang paling terang, dan putih memerlukan ketepuan 0%. Biru yang sama ialah hsl(217, 100%, 50%) dan hsv(217, 100%, 99%).
Bolehkah saya menggunakan hasil CMYK untuk mencetak?
Gunakannya sebagai titik permulaan sahaja. Halaman ini menggunakan formula ringkas antara RGB dan CMYK, yang tidak tahu apa-apa tentang dakwat, kertas atau profil pencetak. Kedai cetak atau program reka bentuk dengan profil warna akan menukar warna RGB yang sama kepada nombor CMYK yang berbeza.
Format warna manakah yang boleh saya taip?
HEX dengan atau tanpa #, dalam 3, 4, 6 atau 8 digit; rgb() dan rgba() dengan koma atau ruang, nombor atau peratusan, dan alfa pilihan selepas garis condong; hsl(), hsla() dan hwb() dengan sudut dalam deg, rad, grad atau turn; 148 nama warna CSS seperti rebeccapurple; dan transparent.
Mengapakah nama warna terdekat bukan padanan tepat?
CSS hanya mempunyai 148 nama warna, jadi kebanyakan warna tidak mempunyai nama sendiri. Halaman memilih nama yang warnanya kelihatan paling dekat, diukur sebagai perbezaan warna CIE76 dalam ruang L*a*b*; untuk #0060fd itu ialah mediumslateblue. Apabila warna itu tepat sama dengan warna bernama, seperti #ff0000, halaman menyatakan ia padanan tepat.