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