Ба веб овардани палитраи чоп дар HSL осонтар аст: вақте ки омехтаи сиёҳпаҳнатон ҳамчун тон, сатурасия ва равшанӣ ифодашуд, ту можеш ҳолатҳои hover, тинтҳо ва шэйдҳоро дар чанд сония созӣ.
Чӣ гуна табдили CMYK ба HSL кор мекунад
- Фоизҳои CMYK-ро ба каналҳои RGB байни 0 ва 255 табдил деҳ.
- Каналҳоро ба 255 тақсим кун ва максимум ва минимумашонро гир.
- Миёнаи максимум ва минимум равшании L-ро медиҳад, паҳншавии онҳо сатурасия S-ро пеш мебарад.
- Канале, ки максимумро дорад, тон H-ро дар дараҷаҳо дар чархи ранг муайян мекунад.
Намунаи амалӣ
Қадами CMYK ба RGB аллакай тахминӣ аст ва қиматҳои HSL ба ададҳои бутун тақчил мешаванд. Натиҷа наздик аст, на табдили идорашуда бо профилҳои ранг.
CMYK ва HSL шарҳ дода шудаанд
CMYK чист?
CMYK модели чор-рӯйпӯшест, ки дар чоп истифода мешавад: cyan, magenta, yellow ва key (сиёҳ), ҳар яке ҳамчун фоиз аз 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%) |