HSL-ийг HEX руу хөрвүүлэгч
Бичиж байх зуураа HSL-ийг HEX руу хөрвүүлээрэй — үнэгүй, шуурхай, жишээ тайлбар болон нийтлэг өнгөний хүснэгттэй.
HSL утгыг бичиж, доорх HEX утгыг унших эсвэл өнгө сонгогчоос өнгө сонгоно уу.
Ажиллах жишээ
HSL 11, 100%, 60% = HEX #ff5733
Хөрвүүлэлт хэрхэн ажилладаг вэ
- HEX код нь 16-тын системээр бичигдсэн ижил RGB сувгууд юм: суваг бүрд хоёр оронтой, 00 (0)-оос ff (255) хүртэл байна.
- HSL нь ижил өнгийг өнгөний ая (өнгөний тойрог дээр 0–360°), ханасан байдал, тод байдлаар тодорхойлдог — зөвхөн нэг бүрэлдэхүүнийг өөрчлөх замаар өнгийг бараан болгох эсвэл ханалтыг бууруулахад маш тохиромжтой.
HSL болон HEX дэх нийтлэг өнгөнүүд
| Өнгө | HSL | HEX |
|---|---|---|
| Улаан | 0, 100%, 50% | #ff0000 |
| Улбар шар | 39, 100%, 50% | #ffa500 |
| Шар | 60, 100%, 50% | #ffff00 |
| Ногоон | 120, 100%, 25% | #008000 |
| Цэнхэр | 180, 100%, 50% | #00ffff |
| Хөх | 240, 100%, 50% | #0000ff |
| Нүүдлийн ягаан | 300, 100%, 25% | #800080 |
| Ягаан | 350, 100%, 88% | #ffc0cb |
| Хүрэн | 0, 59%, 41% | #a52a2a |
| Цагаан | 0, 0%, 100% | #ffffff |
| Саарал | 0, 0%, 50% | #808080 |
| Хар | 0, 0%, 0% | #000000 |
Хөрвүүлэлт бүр таны хөтөч дээр ажиллана. Таны оруулсан юуг ч BroBroGo руу хуулж илгээхгүй.
Түгээмэл асуултууд
HSL-ийг хэрхэн HEX руу хөрвүүлэх вэ?
Дээр өөрийн HSL утгыг бичих эсвэл хуулж тавина уу — HEX утга нь бичих явцад шууд шинэчлэгдэнэ. Мөн өнгө сонгогчоор өнгийг нүдээрээ харж сонгож болно.
Хөрвүүлэлт нь яг таг таардаг уу?
Утгуудыг CSS болон дизайны хэрэгслүүдийн шаарддаг бүхэл тоо руу бөөрөнхийлнө. Зөрүү нь хүний нүд ялгахааргүй маш бага байна.