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
- Athraigh na céatadáin CMYK go chainéil RGB idir 0 agus 255.
- 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
Is meastachán atá an céim CMYK go RGB cheana féin agus déantar luachanna HSL a chruinniú go huimhreacha iomlána. Is cóngarú an toradh, ní tiontú bainistithe-datha é.
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(0%, 0%, 0%, 100%) | hsl(0, 0%, 0%) |
| white | cmyk(0%, 0%, 0%, 0%) | hsl(0, 0%, 100%) |
| red | cmyk(0%, 100%, 100%, 0%) | hsl(0, 100%, 50%) |
| lime | cmyk(100%, 0%, 100%, 0%) | hsl(120, 100%, 50%) |
| blue | cmyk(100%, 100%, 0%, 0%) | hsl(240, 100%, 50%) |
| yellow | cmyk(0%, 0%, 100%, 0%) | hsl(60, 100%, 50%) |
| orange | cmyk(0%, 35%, 100%, 0%) | hsl(39, 100%, 50%) |
| teal | cmyk(100%, 0%, 0%, 50%) | hsl(180, 100%, 25%) |
| purple | cmyk(0%, 100%, 0%, 50%) | hsl(300, 100%, 25%) |
| gray | cmyk(0%, 0%, 0%, 50%) | hsl(0, 0%, 50%) |