HSL-д дизайнгдсан палитрууд ихэвчлэн цаасан дээр очдог. Энэ хөрвүүлэгч нь таны сонгосон hue, saturation, lightness-ийг авч, хэвлэх газар ашиглах дөрвөн бэхийн хувийг буцаадаг.
HSL-г CMYK-руу хэрхэн хөрвүүлдэг вэ
- HSL гурвалыг 0–255 хоорондын RGB сувгууд руу хөрвүүл.
- Тэдгээрийг sRGB утга гэж унш, өнгийг Coated FOGRA39 профайлаас хай.
- Харьцангуй колориметрийн зорилгыг хар цэгийн нөхөн олговортой хамт ашигла, ингэснээр цагаан нь цаасны цагаан хэвээр үлдэж, хар нь хэвлэлийн машин хэвлэж чадах хамгийн бараан бэхтэй тааруулагдана.
- Дөрвөн бэхний утгыг бүхэл хувь болгон дугуйл. Эдгээр нь Photoshop-ийн Европын CMYK анхдагч тохиргоотой таарна.
Ажлын жишээ
Хоёр хөрвүүлэлт дараалан явагдах тул дугуйлалт хоёр удаа гарна, мөн CMYK алхам нь стандарт Coated FOGRA39 профайлыг ашигладаг. Бусад CMYK профайл (жишээлбэл хэвлэлийн газраас) өөр тоо өгнө. Хэвлэмэл үр дүн HSL урьдчилсан харагдцаас бага зэрэг бүдэг байх болно гэж бодоорой.
HSL ба CMYK тайлбарласан
HSL гэж юу вэ?
HSL нь өнгийг хүрээ (color wheel дээр 0–360°), өнгө баялаг (saturation, 0–100%) болон гэрэллэг (lightness, 0–100%) болгон хуваадаг. Хүн бүр өнгийг ингэж тайлбарладаг учраас HSL нь туйтс, сүүдэр, тогтмол палитр үүсгэхэд — гараар эсвэл кодоор — хамгийн хялбар формат юм.
- Синтакс:
- hsl(H, S%, L%)
- Хүрээ:
- 0–360°, 0–100%, 0–100%
- Хамгийн тохиромжтой:
- палитр, туйтс ба сүүдэр, сэдэвжүүлэх
CMYK гэж юу вэ?
CMYK нь хэвлэлтэнд ашиглагддаг дөрвөн бэхний модель: cyan, magenta, yellow болон key (black), тус бүр нь 0–100% хүртэл хувь. Бэх нь гэрлийг ялгаж авдаг тул дэлгэцнээс харьцангуй бага өнгийг хамардаг — тиймээс дэлгэцэн дээр тод харагдсан өнгө хэвлэхэд барагдуулах үед бүдэг харагддаг.
- Синтакс:
- cmyk(C%, M%, Y%, K%)
- Хүрээ:
- Бэх бүрээр 0–100%
- Хамгийн тохиромжтой:
- хэвлэл, савлагаа, хэвлэхэд бэлэн зураг
HSL-г CMYK-руу лавлах хүснэгт
Хамгийн түгээмэл CSS өнгөнүүд, HSL-аас CMYK-руу хөрвүүлсэн.
| Өнгө | HSL | CMYK |
|---|---|---|
| black | hsl(0, 0%, 0%) | cmyk(89%, 78%, 62%, 97%) |
| white | hsl(0, 0%, 100%) | cmyk(0%, 0%, 0%, 0%) |
| red | hsl(0, 100%, 50%) | cmyk(0%, 95%, 92%, 0%) |
| lime | hsl(120, 100%, 50%) | cmyk(64%, 0%, 100%, 0%) |
| blue | hsl(240, 100%, 50%) | cmyk(93%, 75%, 0%, 0%) |
| yellow | hsl(60, 100%, 50%) | cmyk(9%, 0%, 96%, 0%) |
| orange | hsl(39, 100%, 50%) | cmyk(0%, 42%, 94%, 0%) |
| teal | hsl(180, 100%, 25%) | cmyk(83%, 28%, 47%, 12%) |
| purple | hsl(300, 100%, 25%) | cmyk(63%, 100%, 5%, 2%) |
| gray | hsl(0, 0%, 50%) | cmyk(48%, 39%, 39%, 21%) |