Mae paletau a ddyluniwyd yn HSL yn aml yn dod i’r papur. Mae’r trosi hwn yn cymryd y hue, saturation a lightness a ddewiswyd ganat ti ac yn dychwelyd y pedair canran inc y bydd siop argraffu yn gweithio gyda nhw.
Sut mae trosi HSL i CMYK yn gweithio
- Trosi’r trip HSL i sianeli RGB rhwng 0 a 255.
- Normaloli’r sianeli hynny drwy’u rhannu â 255.
- Cyfrifo’r elfen key K = 1 − max(R, G, B).
- Deillio C, M a Y o’r sianeli sydd ar ôl a throsi’r pedair i ganrannau.
Enghraifft wedi gweithio
Mae dau drosiad yn digwydd yn ôl ei gilydd, felly ceir cylchrediad troi dwywaith — ac mae CMYK yn aros yn brasganfodaeth heb broffil lliw. Disgwyl i’r canlyniad argraffedig fod ychydig yn llai bywiog na’r rhagolwg HSL.
HSL a CMYK wedi'u hamlygu
Beth yw HSL?
Mae HSL yn rhannu lliw yn hue (0–360° ar olwyn lliw), saturation (pa mor lliwgar, 0–100%) a lightness (pa mor ddisglair, 0–100%). Gan fod pob rhan yn cyfateb i'r ffordd mae pobl yn disgrifio lliw, mae HSL yn y fformat hawsaf ar gyfer creu tints, shades a phaletau cyson — â llaw neu mewn cod.
- Sintacs:
- hsl(H, S%, L%)
- Amrediad:
- 0–360°, 0–100%, 0–100%
- Gorau ar gyfer:
- paletau, tints a shades, theming
Beth yw CMYK?
Mae CMYK yn fodel pedair inc a ddefnyddir mewn argraffu: cyan, magenta, melyn a key (du), pob un fel canran o 0 i 100. Mae inc yn tynnu golau yn hytrach na'i allyrru, felly mae CMYK yn cwmpasu llai o liwiau na sgrîn — ac mae hynny'n esbonio pam mae lliwiau llachar ar sgrîn yn aml yn ymddangos yn dywyllach ar ôl eu hargraffu.
- Sintacs:
- cmyk(C%, M%, Y%, K%)
- Amrediad:
- 0–100% fesul inc
- Gorau ar gyfer:
- argraffu, pacio, gwaith celf yn barod ar gyfer y wasg
tabl cyfeirnod HSL i CMYK
Y lliwiau CSS mwyaf cyffredin, wedi'u trosi o HSL i CMYK.
| Lliw | HSL | CMYK |
|---|---|---|
| black | hsl(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
| white | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| red | hsl(0, 100%, 50%) | cmyk(0%, 100%, 100%, 0%) |
| lime | hsl(120, 100%, 50%) | cmyk(100%, 0%, 100%, 0%) |
| blue | hsl(240, 100%, 50%) | cmyk(100%, 100%, 0%, 0%) |
| yellow | hsl(60, 100%, 50%) | cmyk(0%, 0%, 100%, 0%) |
| orange | hsl(39, 100%, 50%) | cmyk(0%, 35%, 100%, 0%) |
| teal | hsl(180, 100%, 25%) | cmyk(100%, 1%, 0%, 50%) |
| purple | hsl(300, 100%, 25%) | cmyk(0%, 100%, 1%, 50%) |
| gray | hsl(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |