RGB-ийг HSL руу хөрвүүлэгч
Бичиж байх зуураа RGB-ийг HSL руу хөрвүүлээрэй — үнэгүй, шуурхай, жишээ тайлбар болон нийтлэг өнгөний хүснэгттэй.
RGB утгыг бичиж, доорх HSL утгыг унших эсвэл өнгө сонгогчоос өнгө сонгоно уу.
Ажиллах жишээ
RGB 255, 87, 51 = HSL 11, 100%, 60%
Хөрвүүлэлт хэрхэн ажилладаг вэ
- HSL нь ижил өнгийг өнгөний ая (өнгөний тойрог дээр 0–360°), ханасан байдал, тод байдлаар тодорхойлдог — зөвхөн нэг бүрэлдэхүүнийг өөрчлөх замаар өнгийг бараан болгох эсвэл ханалтыг бууруулахад маш тохиромжтой.
RGB болон HSL дэх нийтлэг өнгөнүүд
| Өнгө | RGB | HSL |
|---|---|---|
| Улаан | 255, 0, 0 | 0, 100%, 50% |
| Улбар шар | 255, 165, 0 | 39, 100%, 50% |
| Шар | 255, 255, 0 | 60, 100%, 50% |
| Ногоон | 0, 128, 0 | 120, 100%, 25% |
| Цэнхэр | 0, 255, 255 | 180, 100%, 50% |
| Хөх | 0, 0, 255 | 240, 100%, 50% |
| Нүүдлийн ягаан | 128, 0, 128 | 300, 100%, 25% |
| Ягаан | 255, 192, 203 | 350, 100%, 88% |
| Хүрэн | 165, 42, 42 | 0, 59%, 41% |
| Цагаан | 255, 255, 255 | 0, 0%, 100% |
| Саарал | 128, 128, 128 | 0, 0%, 50% |
| Хар | 0, 0, 0 | 0, 0%, 0% |
Хөрвүүлэлт бүр таны хөтөч дээр ажиллана. Таны оруулсан юуг ч BroBroGo руу хуулж илгээхгүй.
Түгээмэл асуултууд
RGB-ийг хэрхэн HSL руу хөрвүүлэх вэ?
Дээр өөрийн RGB утгыг бичих эсвэл хуулж тавина уу — HSL утга нь бичих явцад шууд шинэчлэгдэнэ. Мөн өнгө сонгогчоор өнгийг нүдээрээ харж сонгож болно.
Хөрвүүлэлт нь яг таг таардаг уу?
Утгуудыг CSS болон дизайны хэрэгслүүдийн шаарддаг бүхэл тоо руу бөөрөнхийлнө. Зөрүү нь хүний нүд ялгахааргүй маш бага байна.