Bidh palettes a chaidh an dealbhadh ann an HSL gu tric a’ tighinn air pàipear. Bidh an inneal-atharrachaidh seo a’ gabhail an hue, saturation agus lightness a thagh thu agus a’ toirt dhut na ceudsaidean inc ceithir a bhios stòr-clò a’ cleachdadh.
Mar a tha tionndadh HSL gu CMYK ag obair
- Thionndaidh an triùir HSL gu seanalan RGB eadar 0 agus 255.
- Àbhaich na seanalan sin le bhith gan roinn le 255.
- Cunnt an key K = 1 − max(R, G, B).
- Dèan C, M agus Y bhon fheadhainn air fhàgail agus tionndaidh na ceithir gu ceudsaidean.
Eisimpleir obrach
Tha dà tionndadh a’ tachairt às dèidh a chèile, mar sin bidh cruinneachadh a’ tachairt dà thuras — agus bidh CMYK fhathast na tomhas-mhearachd gun phròifil dath. Tha e coltach gum bi an toradh clò-bhuailte beagan nas lugha beòthaile na an ro-shealladh HSL.
HSL agus CMYK air an mìneachadh
Dè th' ann an HSL?
Tha HSL a’ sgaradh dath ann an hue (0–360° air cuibhle dath), saturation (cho dathach, 0–100%) agus lightness (cho soilleir, 0–100%). Leis gu bheil gach pàirt a’ maidseadh mar a bhios daoine a’ mìneachadh dath, 's e HSL an cruth as fhasa airson tints, shades agus pàileatan seasmhach a thogail — le làimh no ann an còd.
- Sintàs:
- hsl(H, S%, L%)
- Raon:
- 0–360°, 0–100%, 0–100%
- As fheàrr airson:
- pàileatan, tints agus shades, cuspairean
Dè th' ann an CMYK?
Is e CMYK an modal ceithir-inca a thathar a’ cleachdadh ann an clò-bhualadh: cyan, magenta, buidhe agus key (dubh), gach fear mar cheudadh bho 0 gu 100. Bidh inc a’ tarraing air falbh solas an àite a bhith a’ sgaoileadh e, mar sin tha nas lugha de dhhathan rim faighinn ann an CMYK na air scrion — agus is e sin as coireach gu bheil dathan soilleir air an sgrion gu tric a’ coimhead nas laige às dèidh clò-bhualadh.
- Sintàs:
- cmyk(C%, M%, Y%, K%)
- Raon:
- 0–100% gach inc
- As fheàrr airson:
- clò-bhualadh, pacaid, obair airson an stampa
Clàr iomraidh HSL gu CMYK
Na dathan CSS as cumanta, tionndaichte bho HSL gu CMYK.
| Dath | 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%) |