Tá sé níos éasca pailéad priontála a thabhairt chuig an ngréasán i HSL: nuair a léirítear do mheascán ink mar hue, saturation agus lightness, is féidir leat stáit hover, tints agus shades a thógáil uathu laistigh de shoicindí.
Conas a oibríonn an t-athrú CMYK go HSL
- Tiontaigh na céatadáin CMYK go cainéil sRGB idir 0 agus 255 leis an bpróifíl Coated FOGRA39.
- Roinn na chainéil faoi 255 agus tóg an uasmhéid agus an íosmhéid acu.
- Is é meán an uasmhéid agus an íosmhéid an lightness L; tá a scaipeadh ag tiomáint an saturation S.
- Cinneann an chainéal a bhfuil an uasmhéid ann an hue H i gcéimeanna ar roth na dathanna.
Sampla oibre
Úsáideann an chéim CMYK go RGB an phróifíl chaighdeánach Coated FOGRA39, mar sin tugann próifílí CMYK eile (mar shampla ó do shiopa priontála) uimhreacha difriúla. Cruinnítear luachanna HSL go slánuimhreacha.
CMYK agus HSL mínithe
Cad é CMYK?
Is é CMYK an tsamhail ceithre-dhath a úsáidtear i bpriontáil: cyan, magenta, buí agus key (dubh), gach ceann mar chéatadán ó 0 go 100. Tá an t-ink ag tarraingt siar solas in ionad é a astaíochtaí, mar sin clúdaíonn CMYK níos lú dathanna ná scáileán — agus sin an fáth go mbíonn dathanna gile scáileáin níos dorcha nuair a phriontáiltear iad.
- Sintéis:
- cmyk(C%, M%, Y%, K%)
- Raon:
- 0–100% in aghaidh an ink
- An-oiriúnach do:
- priontáil, pacáistiú, saothar réidh don bhrú
Cad é HSL?
Roinníonn HSL dath ina hue (0–360° ar roth dathanna), sáithiú (cé chomh dathúil, 0–100%) agus solúbthacht/nó soilsiú (cé chomh geal, 0–100%). Ós rud é go n-oireann gach cuid don tslí a chuireann daoine tuairim ar dath, is í HSL an fhormáid is éasca le tints, shades agus paláistí comhsheasmhacha a thógáil — de láimh nó i gcód.
- Sintéis:
- hsl(H, S%, L%)
- Raon:
- 0–360°, 0–100%, 0–100%
- An-oiriúnach do:
- paláistí, tints agus shades, téamáil
Tábla tagartha CMYK go HSL
Na dathanna CSS is coitianta, tógtha ó CMYK go HSL.
| Dath | 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%) |