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
- Thionndaidh na ceudsaidean CMYK gu seanalan RGB eadar 0 agus 255.
- 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
Tha an ceum CMYK gu RGB mu thràth na mhearachd agus tha luachan HSL air an cruinneachadh gu àireamhan slàn. Tha an toradh gu math faisg, chan e tionndadh fo stiùir pròifil-dhath.
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(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%) |