Mae dod â phalet argraffu i’r we yn haws mewn HSL: unwaith mae’ch cymysgedd inc wedi’i fynegi fel hue, saturation a lightness, gallwch adeiladu statws hover, tints a shades o’r cyfan mewn eiliadau.
Sut mae trosi CMYK i HSL yn gweithio
- Trosi’r canrannau CMYK yn sianeli sRGB rhwng 0 a 255 gyda’r proffil Coated FOGRA39.
- Rhannu’r sianeli â 255 a chymryd eu mwyaf a’u lleiaf.
- Cyfartaledd y mwyaf a’r lleiaf yw’r lightness L, a’r gwahaniaeth rhyngddynt sy’n penderfynu’r saturation S.
- Mae’r sianel sydd â’r gwerth mwyaf yn pennu’r hue H mewn graddau ar olwyn y lliw.
Enghraifft wedi gweithio
Mae’r cam CMYK i RGB yn defnyddio’r proffil safonol Coated FOGRA39, felly mae proffiliau CMYK eraill (er enghraifft gan eich siop argraffu) yn rhoi rhifau gwahanol. Caiff gwerthoedd HSL eu talgrynnu i rifau cyfan.
CMYK a HSL wedi'u hamlygu
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
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
tabl cyfeirnod CMYK i HSL
Y lliwiau CSS mwyaf cyffredin, wedi'u trosi o CMYK i HSL.
| Lliw | CMYK | HSL |
|---|---|---|
| black | cmyk(89%, 78%, 62%, 97%) | hsl(0, 0%, 0%) |
| white | cmyk(0%, 0%, 0%, 0%) | hsl(0, 0%, 100%) |
| red | cmyk(0%, 95%, 92%, 0%) | hsl(1, 79%, 51%) |
| lime | cmyk(64%, 0%, 100%, 0%) | hsl(93, 60%, 44%) |
| blue | cmyk(93%, 75%, 0%, 0%) | hsl(224, 56%, 39%) |
| yellow | cmyk(9%, 0%, 96%, 0%) | hsl(57, 100%, 48%) |
| orange | cmyk(0%, 43%, 94%, 0%) | hsl(37, 93%, 53%) |
| teal | cmyk(83%, 27%, 48%, 12%) | hsl(180, 87%, 27%) |
| purple | cmyk(63%, 100%, 4%, 1%) | hsl(299, 58%, 31%) |
| gray | cmyk(48%, 39%, 39%, 21%) | hsl(30, 1%, 50%) |