Adducere palettam impressam ad web facilius est in HSL: cum mixtura atramenti ut hue, saturation et lightness expressa est, potes statos hover, tints et shades ex ea in paucis secundis construere.
Quomodo convertio CMYK in HSL operatur
- Converte percentagia CMYK in canales sRGB inter 0 et 255 cum profilio Coated FOGRA39.
- Divide canales per 255 et cape eorum maximum et minimum.
- Medius inter maximum et minimum est lightness L, earum distantia saturationen S regit.
- Canalis qui maximum detinet determinat hue H in graduum in rota colorum.
Exemplum operantis
Gradus CMYK ad RGB profilio normali Coated FOGRA39 utitur, ergo alia profilia CMYK (exempli gratia ab officina tua impressoria) numeros diversos dant. Valores HSL ad integros numeros rotundantur.
CMYK et HSL explicati
Quid est CMYK?
CMYK est modellum quattuor atramentorum in impressione adhibitum: cyan, magenta, flavus et key (niger), quisque ut percentagium ab 0 ad 100. Atramentum lumen subtrahit pro emissione, ergo CMYK minores colores quam screenas capit — ideo colores brillantes in schermo saepe minus vividum videntur post impressum.
- Syntaxis:
- cmyk(C%, M%, Y%, K%)
- Ambitus:
- 0–100% per atramento
- Optimum ad:
- impressio, sarcina, opera praeparata ad pressam
Quid est HSL?
HSL dividit colorem in hue (0–360° in rota colorum), saturationem (quam coloratus, 0–100%) et lucem (quam clarus, 0–100%). Quia singula pars congruit cum modo quo homines colorem describunt, HSL est facilior forma ad tintas, umbras et constantes palettes construendas — manu vel in codice.
- Syntaxis:
- hsl(H, S%, L%)
- Ambitus:
- 0–360°, 0–100%, 0–100%
- Optimum ad:
- palettes, tintae et umbrae, theming
Tabula referentiarum CMYK ad HSL
Frequentissima CSS colorum, a CMYK in HSL conversae.
| Color | 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%) |