Mennen yon palèt enprime sou entènèt pi fasil nan HSL: yon fwa melanj lank ou a eksprime kòm hue, saturation ak lightness, ou ka konstwi eta hover, tint ak shade nan segonn.
Ki jan konvèsyon CMYK an HSL mache
- Konvèti pousantaj CMYK yo an chanèl RGB ant 0 ak 255.
- Divize chanèl yo pa 255 epi pran maksimòm ak minimòm yo.
- Mwayèn maksimòm ak minimòm se lightness L, diferans yo kondwi saturation S.
- Chanèl ki kenbe maksimòm lan detèmine hue H an degre sou wou koulè a.
Egzanp ki mache
Etap CMYK pou RGB la se deja yon apwoksimasyon epi valè HSL yo awondi a nonb antye. Rezilta a trè pre, pa yon konvèsyon jere pa pwofil koulè.
CMYK ak HSL esplike
Kisa CMYK ye?
CMYK se modèl kat lank yo itilize nan enpresyon: cyan, magenta, jòn ak key (nwa), chak kòm yon pousantaj soti 0 rive 100. Lank retire limyè olye li emèt li, kidonk CMYK kouvri mwens koulè pase yon ekran — se poutèt sa koulè klere sou ekran souvan parèt pi fè nwa lè yo enprime.
- Sentaks:
- cmyk(C%, M%, Y%, K%)
- Ranje:
- 0–100% pou chak lank
- Pi bon pou:
- enprime, anbalaj, atizay pare pou laprès
Kisa HSL ye?
HSL separe yon koulè an hue (0–360° sou wou koulè a), saturation (ki jan koulè a vivan, 0–100%) ak lightness (ki jan li klere, 0–100%). Paske chak pati matche ak fason moun dekri koulè, HSL se fòma ki pi fasil pou konstwi tints, shades ak palèt konsistan — manyèlman oswa nan kòd.
- Sentaks:
- hsl(H, S%, L%)
- Ranje:
- 0–360°, 0–100%, 0–100%
- Pi bon pou:
- palèt, tints ak shades, theming
Tab referans CMYK an HSL
Koulè CSS ki pi komen yo, konvèti soti nan CMYK an HSL.
| Koulè | 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%) |