Awọn palettes ti a ṣe ni HSL maa n pari lori iwe. Oluyipada yii gba hue, saturation ati lightness ti o yan ki o si pada awọn ogorun ink mẹrin ti ile-iṣẹ tẹ ṣiṣẹ pẹlu.
Bá a ṣe ń yipada HSL sí CMYK
- Yi triple HSL pada si awọn ikanni RGB laarin 0 ati 255.
- Ṣe deede awọn ikanni wọnyẹn nipa pipin nipasẹ 255.
- Ṣe iṣiro eroja key K = 1 − max(R, G, B).
- Yọ C, M ati Y kuro ninu awọn ikanni to ku ki o yipada gbogbo mẹrin si ogorun.
Àpẹẹrẹ tó ṣiṣẹ
Awọn iyipada meji n ṣẹlẹ lẹsẹsẹ, nitorina ayipo waye lẹmeji — ati CMYK duro gẹgẹbi isunmọ laisi profaili awọ. Retilẹ abajade titẹ yoo jẹ kere si didan ju iṣafihan HSL lọ.
HSL ati CMYK ṣàlàyé
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
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
Tábìlì ìtọ́kasí HSL sí CMYK
Àwọn awọ CSS tí ó wọ́pọ̀ jùlọ, tí a yí láti HSL sí CMYK.
| Awọ | HSL | CMYK |
|---|---|---|
| black | hsl(0, 0%, 0%) | cmyk(0%, 0%, 0%, 100%) |
| white | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| red | hsl(0, 100%, 50%) | cmyk(0%, 100%, 100%, 0%) |
| lime | hsl(120, 100%, 50%) | cmyk(100%, 0%, 100%, 0%) |
| blue | hsl(240, 100%, 50%) | cmyk(100%, 100%, 0%, 0%) |
| yellow | hsl(60, 100%, 50%) | cmyk(0%, 0%, 100%, 0%) |
| orange | hsl(39, 100%, 50%) | cmyk(0%, 35%, 100%, 0%) |
| teal | hsl(180, 100%, 25%) | cmyk(100%, 1%, 0%, 50%) |
| purple | hsl(300, 100%, 25%) | cmyk(0%, 100%, 1%, 50%) |
| gray | hsl(0, 0%, 50%) | cmyk(0%, 0%, 0%, 50%) |