Mu palette titẹ wa sori wẹẹbu rọọrun ni HSL: ni kete ti adalu ink rẹ ti sọ di hue, saturation ati lightness, o le kọ awọn ipo hover, tints ati shades lati inu rẹ ni iṣẹju-aaya.
Bá a ṣe ń yipada CMYK sí HSL
- Yi awọn ogorun CMYK pada si awọn ikanni RGB laarin 0 ati 255.
- Pin awọn ikanni nipasẹ 255 ki o si gba ti o pọ julọ ati ti o kere julọ.
- Iwọpọ ti ti o pọ julọ ati ti o kere julọ ni lightness L, itankale wọn ni o fa saturation S.
- Ikanni ti o ni iye to pọ julọ ni o pinnu hue H ni awọn iwọn lori kẹkẹ awọ.
Àpẹẹrẹ tó ṣiṣẹ
Igbese CMYK si RGB jẹ isunmọ tẹlẹ ati awọn iye HSL ni a yipo si awọn nọmba gbogbo. Abajade jẹ ibamu to sunmọ, kii ṣe iyipada to n ṣakoso awọ ni pofile.
CMYK ati HSL ṣàlàyé
Kí ni CMYK?
CMYK jẹ awoṣe inki mẹrin ti a lo ninu titẹ: cyan, magenta, yellow ati key (dudu), ọkọọkan gẹgẹbi idaṣẹ lati 0 si 100. Inki yọ ina dipo ki o tu u silẹ, nitorina CMYK bo awọn awọ diẹ kere ju iboju kan lọ — idi ti awọn awọ iboju didan nigbagbogbo maa n dabi alaimuṣinṣin nigbati a ba tẹ wọn.
- Sínatìsí:
- cmyk(C%, M%, Y%, K%)
- Ibiti:
- 0–100% fun inki kọọkan
- Tó dára jùlọ fún:
- titẹ, apoti, iṣẹ ọnà ti o setan fun atẹjade
Kí ni HSL?
HSL pin awọ si hue (0–360° lori kẹkẹ awọ), saturation (bawo ni awọ, 0–100%) ati lightness (bawo ni didan, 0–100%). Nitori apakan kọọkan ba ọna ti eniyan ṣe n ṣapejuwe awọ mu, HSL jẹ ọna kika ti o rọọrun julọ fun kikọ tints, shades ati paleti to ni ibamu — pẹlu ọwọ tabi ninu koodu.
- Sínatìsí:
- hsl(H, S%, L%)
- Ibiti:
- 0–360°, 0–100%, 0–100%
- Tó dára jùlọ fún:
- awọn paleti, tints ati shades, theming
Tábìlì ìtọ́kasí CMYK sí HSL
Àwọn awọ CSS tí ó wọ́pọ̀ jùlọ, tí a yí láti CMYK sí HSL.
| Awọ | 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%) |