ברענגען אַ פּרינט־פּאַלעט צו וועב איז גרינגער אין HSL: אַמאָל דיין אינק־מישן איז אויסגעדריקט ווי היין, סעראַטיישאַן און לייטנאַס, קענסטו בויען האָווער־צושטאַנדן, טינטן און שיידס פֿון עס אין סעקונדעס.
ווי אַ CMYK צו HSL קאָנוועזיע אַרבעט
- קאָנווערט די CMYK‑פּראָצענטן צו RGB‑טשאַנאַלן צווישן 0 און 255.
- טייל די טשאַנאַלן דורך 255 און נעם זייער מאַקסימום און מינימום.
- דער דורכשניט פון מאַקסימום און מינימום איז דער לייטנאַס L, זייער שפיץ דרייט די סעראַטיישאַן S.
- די טשאַנאַל וואָס האַלט די מאַקסימום באַשטימט דעם היין H אין דיגעווען אויף דער קאָליר־וויל.
אַרבעטנדיקער ביישפּיל
די CMYK צו RGB שריט איז שוין אַ נעערונג און HSL־ווירדען ווערן ראַונדיקירט צו גאַנץ נומער. די רעזולטאַט איז אַ זייער נאָענט פּאַסונג, נישט אַ קאָליר־מאַנאַדזשעד קאָנווערזשאַן.
CMYK און HSL דערקלערט
וואס איז CMYK?
CMYK איז דער פיער־ינק מאָדעל גענוצט אין דרוק: ציאַן, מגענטאַ, געל און קיי (שוואַרץ), יעדער אַ פּראָצענט פֿון 0 ביז 100. טינט אַוועקנעמט ליכט אַנשטאָט פֿון אַויסשטראַלן עס, אַזוי CMYK דעקן ווייניקער קאָלירן ווי אַ סקרין — וואָס איז דער סיבה וואָס ליכטיקע סקרין־קאָלירן עפעקטיוולי שיין דימער זײַנען נאָך דרוקן.
- סינטאַקס:
- cmyk(C%, M%, Y%, K%)
- שעה:
- 0–100% פּער אינק
- בעסטער פֿאַר:
- דרוק, פּאַקקאַדזשינג, פּרעס־רעדי אַרבעט
וואס איז HSL?
HSL טיילט אַ קאָליר אַריין אין היו (0–360° אויף דער קאָליר־ראָד), סאַטוראַציע (ווי פֿארפֿול, 0–100%) און לייטנעס (ווי ברייט, 0–100%). ווײַל יעדער טייל ערקלערט וויאַזוי מענטשן באַשרײַבן קאָליר, HSL איז די גרינגסטע פֿאָרמאַט צו בויען טינטס, שיידז און קאַנסיסטענטע פּאַלעטעס — בלענדלעך אָדער אין קאָד.
- סינטאַקס:
- hsl(H, S%, L%)
- שעה:
- 0–360°, 0–100%, 0–100%
- בעסטער פֿאַר:
- פּאַלעטעס, טינטס און שיידז, טעמינג
CMYK צו HSL רעפֿערענץ טיש
די מערסט געוויינטלעך CSS קאָלירן, קאָנווערטירט פֿון CMYK צו HSL.
| קאָליר | 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%) |