Tha e nas fhasa dèanamh palette clò-bhuailte gu web ann an HSL: nuair a tha measgachadh inc air a chur an cèill mar hue, saturation agus lightness, faodaidh tu staid hover, tints agus shades a thogail bhuaithe ann an diogan.
Mar a tha tionndadh CMYK gu HSL ag obair
- Tionndaidh na ceudsaidean CMYK gu seanalan sRGB eadar 0 agus 255 leis a’ phròifil Coated FOGRA39.
- Roinn na seanalan le 255 agus gabh am maximum agus an minimum aca.
- Is e cuibheas an maximum agus an minimum an lightness L, agus is e an sgaoilidh aca a tha a’ stiùireadh an saturation S.
- Bidh an seanail a tha a’ cumail an maximum a’ dearbhadh an hue H ann an ceumannan air cuairt nan dathan.
Eisimpleir obrach
Bidh ceum CMYK gu RGB a’ cleachdadh pròifil àbhaisteach Coated FOGRA39, mar sin bheir pròifilean CMYK eile (mar eisimpleir bho do bhùth clò-bhualaidh) àireamhan eile. Thèid luachan HSL a chruinneachadh gu àireamhan slàn.
CMYK agus HSL air an mìneachadh
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
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
Clàr iomraidh CMYK gu HSL
Na dathan CSS as cumanta, tionndaichte bho CMYK gu 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%) |