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 percentus CMYK in canales RGB inter 0 et 255.
- 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 iam est approximatio et valores HSL in numeros integros rotundantur. Eventus est valde propinquus, non conversio cum gestione coloris.
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(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%) |