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.
- Darllenwch nhw fel gwerthoedd sRGB a chwiliwch am y lliw yn y proffil Coated FOGRA39.
- Defnyddiwch y bwriad colorimetrig perthynol gyda digolledu pwynt du, fel bod gwyn yn aros yn wyn papur a bod du yn cyfateb i’r inc tywyllaf y gall y wasg ei argraffu.
- Talgrynnwch y pedwar gwerth inc at ganrannau cyfan. Maen nhw’n dilyn gosodiad Ewropeaidd rhagosodedig Photoshop ar gyfer CMYK.
Enghraifft wedi gweithio
Mae dau drosiad yn digwydd yn olynol, felly mae talgrynnu yn digwydd ddwywaith, ac mae’r cam CMYK yn defnyddio’r proffil safonol Coated FOGRA39. Mae proffiliau CMYK eraill (er enghraifft gan eich siop argraffu) yn rhoi rhifau gwahanol. Disgwyliwch i’r canlyniad printiedig 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(89%, 78%, 62%, 97%) |
| white | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| red | hsl(0, 100%, 50%) | cmyk(0%, 95%, 92%, 0%) |
| lime | hsl(120, 100%, 50%) | cmyk(64%, 0%, 100%, 0%) |
| blue | hsl(240, 100%, 50%) | cmyk(93%, 75%, 0%, 0%) |
| yellow | hsl(60, 100%, 50%) | cmyk(9%, 0%, 96%, 0%) |
| orange | hsl(39, 100%, 50%) | cmyk(0%, 42%, 94%, 0%) |
| teal | hsl(180, 100%, 25%) | cmyk(83%, 28%, 47%, 12%) |
| purple | hsl(300, 100%, 25%) | cmyk(63%, 100%, 5%, 2%) |
| gray | hsl(0, 0%, 50%) | cmyk(48%, 39%, 39%, 21%) |