Perlu tunjuk warna cetakan di skrin? Menukar CMYK ke RGB memberi kamu padanan berasaskan cahaya bagi peratus dakwat — nilai yang monitor, mockup atau halaman web boleh paparkan.
Bagaimana penukaran CMYK ke RGB berfungsi
- Tukarkan keempat-empat peratus itu kepada pecahan antara 0 dan 1.
- Gunakan komponen key dahulu: setiap saluran diskalakan oleh (1 − K).
- Kira R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K) dan B = 255 × (1 − Y) × (1 − K).
- Bundarkan setiap saluran kepada nombor bulat antara 0 dan 255.
Contoh terperinci
Anggaran. Skrin boleh memaparkan lebih banyak warna daripada dakwat boleh hasilkan, jadi hasil RGB lazimnya kelihatan lebih cerah dan lebih tepu berbanding cetakan.
CMYK dan RGB diterangkan
Apakah CMYK?
CMYK ialah model empat dakwat yang digunakan dalam percetakan: cyan, magenta, kuning dan key (hitam), setiap satu sebagai peratusan dari 0 hingga 100. Dakwat menolak cahaya bukannya memancarkan, jadi CMYK merangkumi lebih sedikit warna berbanding skrin — sebabnya warna terang di skrin sering kelihatan lebih pudar bila dicetak.
- Sintaks:
- cmyk(C%, M%, Y%, K%)
- Julat:
- 0–100% per dakwat
- Terbaik untuk:
- cetak, pembungkusan, karya sedia-cetak
Apakah RGB?
RGB menerangkan warna sebagai tiga saluran cahaya — merah, hijau dan biru — setiap satu dari 0 hingga 255. Ia menggambarkan cara skrin berfungsi: ketiga-tiganya pada 255 memberi putih, ketiga pada 0 memberi hitam. RGB adalah pilihan tepat bila anda perlu mengira dengan warna, dan rgba() menambah ketelusan di atasnya.
- Sintaks:
- rgb(R, G, B)
- Julat:
- 0–255 per saluran
- Terbaik untuk:
- kod, canvas, ketelusan dengan rgba()
Jadual rujukan CMYK ke RGB
Warna CSS paling biasa, ditukar dari CMYK ke RGB.
| Warna | CMYK | RGB |
|---|---|---|
| black | cmyk(0%, 0%, 0%, 100%) | rgb(0, 0, 0) |
| white | cmyk(0%, 0%, 0%, 0%) | rgb(255, 255, 255) |
| red | cmyk(0%, 100%, 100%, 0%) | rgb(255, 0, 0) |
| lime | cmyk(100%, 0%, 100%, 0%) | rgb(0, 255, 0) |
| blue | cmyk(100%, 100%, 0%, 0%) | rgb(0, 0, 255) |
| yellow | cmyk(0%, 0%, 100%, 0%) | rgb(255, 255, 0) |
| orange | cmyk(0%, 35%, 100%, 0%) | rgb(255, 166, 0) |
| teal | cmyk(100%, 0%, 0%, 50%) | rgb(0, 128, 128) |
| purple | cmyk(0%, 100%, 0%, 50%) | rgb(128, 0, 128) |
| gray | cmyk(0%, 0%, 0%, 50%) | rgb(128, 128, 128) |