Nqa ib qho print palette mus rau web nws yooj yim dua hauv HSL: thaum koj roj mix tau qhia ua hue, saturation thiab lightness, koj yuav tsim hover states, tints thiab shades los ntawm nws hauv ob peb vib nas this.
Yuav ua li cas CMYK rau HSL hloov ua haujlwm
- Hloov CMYK percentages mus rau RGB channels nruab nrab 0 thiab 255.
- Faib cov channel los ntawm 255 thiab nqa lawv qhov maximum thiab minimum.
- Lub nruab nrab ntawm maximum thiab minimum yog lightness L, lawv qhov spread tsav saturation S.
- Tus channel uas muaj maximum txiav txim qhov hue H nyob rau degrees ntawm lub xim log.
Qhia ua piv txwv
Qauv CMYK mus rau RGB kauj ruam twb yog kev kwv yees thiab HSL values raug puag rau lej tag nrho. Qhov txiaj yog ze heev, tsis yog ib txoj kev hloov nrog color management.
CMYK thiab HSL piav
Dab tsi yog CMYK?
CMYK yog qauv plaub-ink siv hauv kev luam: cyan, magenta, yellow thiab key (black), txhua tus ua feem pua los ntawm 0 txog 100. Ink thim teeb es tsis txhob tso tawm nws, yog li CMYK npog tsawg xim dua zaub — yog vim li cas cov xim ci ncoo ntawm zaub qee zaum zoo li tsis ci thaum luam tawm.
- Syntax:
- cmyk(C%, M%, Y%, K%)
- Range:
- 0–100% per ink
- Zoo tshaj rau:
- print, packaging, press-ready artwork
Dab tsi yog HSL?
HSL faib xim ua hue (0–360° ntawm lub log xim), saturation (xim npaum li cas, 0–100%) thiab lightness (qhov ci npaum li cas, 0–100%). Vim txhua feem phim nrog txoj kev tib neeg piav xim, HSL yog qhov yooj yim tshaj rau tsim tints, shades thiab palettes sib xws — los ntawm tes lossis hauv code.
- Syntax:
- hsl(H, S%, L%)
- Range:
- 0–360°, 0–100%, 0–100%
- Zoo tshaj rau:
- palettes, tints and shades, theming
CMYK rau HSL daim ntawv reference
Cov xim CSS feem ntau, hloov los ntawm CMYK rau HSL.
| Xim | 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%) |