HSL-ից HEX Փոխարկիչ
Փոխարկեք HSL-ը HEX-ի մուտքագրելուն զուգընթաց՝ անվճար, ակնթարթային, գործնական օրինակով և տարածված գույների աղյուսակով:
Մուտքագրեք HSL արժեքը և տեսեք HEX արժեքը դրա տակ, կամ ընտրեք գույնը գունապնակից:
Գործնական օրինակ
HSL 11, 100%, 60% = HEX #ff5733
Ինչպես է աշխատում փոխարկումը
- HEX կոդը նույն երեք RGB ալիքներն են՝ գրված 16-ական համակարգով. երկու նիշ յուրաքանչյուր ալիքի համար՝ 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 և դիզայնի գործիքները: Տարբերությունը շատ ավելի փոքր է, քան մարդու աչքը կարող է նկատել: