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