Ինչպես HEX գույնը փոխարկել RGB և HSL ձևաչափերի

Մուտքագրեք HEX գույնը, գործարկեք փոխարկումը և ստացեք դրա RGB ու HSL ներկայացումները։ Կարող եք օգտագործել # նշանով, առանց դրա կամ երեք նիշանոց HEX արժեք, իսկ դատարկ մուտքի դեպքում կիրառվում է #ff5733 նախնական գույնը։

Ինչի համար է պետք HEX գույնի փոխարկիչը

HEX գույնի փոխարկիչը նախատեսված է մեկ գունային արժեքը տարբեր գրառումներով օգտագործելու համար։ Դուք մուտքագրում եք HEX արժեք, իսկ գործիքը վերադարձնում է նույն գույնի RGB և HSL ներկայացումները։ Սա հարմար է, երբ վեբ էջի, դիզայնի կամ գունային սխեմայի կարգավորումներում պահանջվում է մեկ գույնը ներկայացնել տարբեր ձևաչափերով։ RGB-ն ու HSL-ը այստեղ մուտքագրման ձևեր չեն. դրանք փոխարկման արդյունքի մաս են։

Մուտքը կարող է լինել սովորական վեցանիշ HEX գրառում, երեք նիշանոց կարճ գրառում կամ արժեք առանց սկզբի # նշանի։ Եթե գույն չնշեք, գործիքը փոխարկման համար կիրառում է #ff5733 նախնական արժեքը։ Այսպիսով, դատարկ դաշտը նույնպես ունի սահմանված վարքագիծ, սակայն այն պետք է տարբերել այն դեպքից, երբ մուտքագրված արժեքը չի կարող վերլուծվել։

Արդյունքը միայն մեկ տող չէ։ Հաջող փոխարկման դեպքում կարելի է տեսնել HEX գրառման մեծատառ և փոքրատառ տարբերակները, RGB և HSL տեքստային ձևերը, ինչպես նաև այդ ձևաչափերի թվային բաղադրիչները։ Արդյունքում ներկայացվում է նաև լուսավորության դասակարգում, որը պետք է մեկնաբանել գործիքի կիրառած հաշվարկի շեմի համատեքստում։

Ինչպես փոխարկել HEX արժեքը

1. Մուտքագրման դաշտում գրեք այն HEX գույնը, որը ցանկանում եք փոխարկել։ Օրինակ կարող եք օգտագործել #336699 արժեքը։ Եթե արժեքը գրեք առանց սկզբի # նշանի, օրինակ՝ 336699, փոխարկիչը մինչև վերլուծությունը կավելացնի այդ նշանը։ Սկզբում նշանը գրելը կամ չգրելը չի ստեղծում երկու տարբեր գույներ. այն միայն փոխում է մուտքի գրառման ձևը։

2. Կարճ գրառման դեպքում մուտքագրեք երեք նիշ, օրինակ՝ #369։ Փոխարկումից առաջ յուրաքանչյուր նիշը կրկնվում է. այս օրինակը վերլուծվում է որպես վեց նիշ ունեցող գունային գրառում։ Կարճ ձևն օգտագործելիս ստուգեք, որ մուտքը բաղկացած է հենց երեք նիշից և նախատեսված է HEX գույն ներկայացնելու համար։

3. Նախնական գույնը ստանալու համար HEX դաշտը թողեք դատարկ։ Քանի որ HEX մուտքը պարտադիր չէ, այդ պայմանով գործիքը օգտագործում է #ff5733 արժեքը և շարունակում փոխարկումը։ Դատարկ դաշտը մի լրացրեք պատահական նշաններով, եթե ցանկանում եք օգտվել հենց նախնական գույնից։

4. Գործարկեք փոխարկումը և դիտեք արդյունքի բաժինները։ Նախ ստուգեք, որ արդյունքը ցույց է տալիս գունային ներկայացումներ, ապա ընտրեք այն ձևը, որը համապատասխանում է ձեր աշխատանքին։ Տեքստային RGB կամ HSL ձևը կարող է պետք գալ ձևաչափով պատրաստի գրառում տեղադրելու համար, իսկ թվային բաղադրիչները՝ երբ RGB-ի կամ HSL-ի արժեքները պետք է օգտագործել առանձին։

5. Եթե օգտագործում եք կարճ կամ առանց # նշանի մուտք, արդյունքը գնահատեք արդեն վերլուծված ձևի հիման վրա։ Համեմատեք մեծատառ և փոքրատառ վեցանիշ HEX գրառումները, հետո դիտեք RGB և HSL արժեքները։ Այս հերթականությունը օգնում է տարբերել մուտքի գրառման փոփոխությունը արդյունքի իրական փոխարկումից։

Ինչպես հասկանալ արդյունքը և սահմանափակումները

Հաջող արդյունքի մեջ մեծատառ և փոքրատառ HEX գրառումները ներկայացնում են նույն գույնը՝ տարբեր տառային ձևավորմամբ։ RGB և HSL տեքստային ներկայացումները կարելի է ընտրել այն աշխատանքի համար, որտեղ անհրաժեշտ է համապատասխան ձևաչափով ամբողջական գունային գրառում։ Թվային RGB բաղադրիչները ցույց են տալիս RGB արժեքների առանձին մասերը, իսկ թվային HSL բաղադրիչները՝ HSL-ի մասերը։

HSL-ի երանգը, հագեցվածությունը և լուսավորությունը վերադարձվում են ամբողջ թվերով, քանի որ դրանք կլորացվում են մինչև ամբողջ թիվ։ Այդ պատճառով HSL ներկայացումը արդյունքը կարդալիս պետք է դիտել որպես գործիքի ամբողջ թվով ներկայացում, ոչ թե որպես ավելի մանր բաժանումներով արժեք։ Կլորացումը վերաբերում է HSL-ի այս երեք բաղադրիչներին։

Լուսավորության դասակարգումը true է միայն այն ժամանակ, երբ կշռված RGB պայծառության հաշվարկը 128-ից մեծ է։ 128 շեմը ներառված չէ այդ պայմանում, ուստի դասակարգումը պետք է մեկնաբանել հենց այս կանոնի հիման վրա։ Այն գույնի ընդհանուր գեղագիտական գնահատական չէ և չի փոխարինում ձեր դիզայնի համատեքստային որոշմանը։

Եթե HEX-ի վերլուծման ժամանակ առաջանում է արժեքի կամ դիրքի սխալ, գործիքը վերադարձնում է հաջողված լինելու նշումով արդյունք, որի մեջ կա սխալի ցուցում։ Այդպիսի պատասխանը մի օգտագործեք որպես պատրաստի RGB կամ HSL փոխարկում։ Նախ ստուգեք HEX մուտքը, ուղղեք այն և կրկին գործարկեք փոխարկումը։ Հաջողված լինելու նշանը այս դեպքում ինքնուրույն բավարար չէ. անհրաժեշտ է նաև համոզվել, որ գունային ներկայացումները հասանելի են։

Լրացուցիչ պատմության դրոշը լռելյայն անջատված է։ Դրա միացումը չի ավելացնում պատմություն և չի փոխում գույնի փոխարկման արդյունքը, ուստի նույն մուտքի համար գունային պատասխանը գնահատելիս դրոշին առանձին փոխարկման նշանակություն մի վերագրեք։

Գործնական օրինակ

Դիզայները ցանկանում է նույն HEX գույնը ստանալ RGB և HSL ներկայացումներով՝ վեբ էջի գունային կարգավորումները լրացնելու համար։

Մուտքագրեք #336699 արժեքը և գործարկեք փոխարկումը։

Արդյունքում պետք է տեսանելի լինեն մեծատառ և փոքրատառ վեցանիշ HEX գրառումները, RGB ու HSL տեքստային ձևերը, թվային RGB և HSL բաղադրիչները և լուսավորության դասակարգումը։

Սահմանափակումներ

• Անվավեր HEX մուտքը կարող է վերադարձնել սխալի ցուցումով արդյունք, HSL բաղադրիչները կլորացվում են մինչև ամբողջ թիվ, լուսավորության դասակարգումը հիմնվում է 128-ից մեծ կշռված RGB պայծառության վրա, իսկ պատմության դրոշը չի ավելացնում պատմություն և չի փոխում փոխարկումը։

Հաճախակի սխալներ

• Սխալը կարող է առաջանալ, երբ RGB կամ HSL արժեքը փորձում եք օգտագործել որպես մուտք, կամ սխալի ցուցումով պատասխանը շփոթում եք պատրաստի փոխարկման հետ։ Ուղղում՝ մուտքագրեք HEX արժեք՝ անհրաժեշտության դեպքում # նշանով կամ երեք նիշանոց ձևով, ապա ստուգեք, որ արդյունքը պարունակում է RGB և HSL ներկայացումներ, ոչ միայն հաջողված լինելու նշում։

Հաճախ տրվող հարցեր

Կարո՞ղ եմ մուտքագրել կարճ HEX գույն։

Եթե արժեքը երեք նիշանոց HEX գրառում է, այն փոխարկումից առաջ ընդարձակվում է՝ յուրաքանչյուր նիշը կրկնելով։ RGB-ն ու HSL-ը ստացվում են որպես արդյունքի ներկայացումներ, ոչ թե կարճ HEX մուտքագրման փոխարինող մուտքեր։

Ի՞նչ կլինի, եթե գույն չմուտքագրեմ։

Եթե HEX դաշտը դատարկ թողնեք, գործիքը օգտագործում է #ff5733 նախնական արժեքը և դրա համար վերադարձնում է փոխարկման արդյունք։

Ինչպե՞ս հասկանալ չվերլուծված HEX արժեքի արդյունքը։

Եթե վերլուծումը առաջացնում է արժեքի կամ դիրքի սխալ, պատասխանը կարող է ունենալ հաջողված լինելու նշում, բայց նաև սխալի ցուցում։ Այդ դեպքում ստուգեք HEX մուտքը և նորից գործարկեք փոխարկումը՝ գունային ներկայացումների առկայությունը հաստատելու համար։