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

Գործիքի նշանակությունը և կիրառման պահը

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

Գործիքը տարբերակում է մուտքի ձևաչափը և դրա հիման վրա ընտրում համապատասխան մշակում։ Ճանաչվող ձևաչափերն են hex, rgb և hsl։ Ձևաչափը պետք է ներկայացվի փոքրատառ, քանի որ ընտրությունը կատարվում է արժեքի ճշգրիտ համապատասխանությամբ։ Եթե աղբյուրի ձևաչափ չեք տրամադրում, օգտագործվում է HEX-ը։

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

Փոխարկման հերթականությունը

1. Մուտքի դաշտում գրեք այն գունային արժեքը, որը ցանկանում եք փոխարկել։ Սկսեք ոչ դատարկ գրառումից, քանի որ դատարկ գույնը փոխարկման արդյունք չի տալիս։ Այնուհետև որոշեք, թե մուտքը HEX, RGB կամ HSL է, որպեսզի ընտրությունը համապատասխանի գրած տեքստին։

2. Աղբյուրի ձևաչափի դաշտում ընտրեք փոքրատառ hex, rgb կամ hsl արժեքը։ Մեծատառ տարբերակը կամ մեկ այլ անվանում ճանաչված ընտրություն չի համարվում և կարող է բերել անհաջող արդյունքի։ Եթե այդ դաշտը չեք լրացնում, գործիքը աղբյուրի ձևաչափ է ընդունում HEX-ը, ուստի առանց ձևաչափի տրված մուտքը գրեք HEX կանոններով։

3. HEX մուտքի համար օգտագործեք երեք կամ վեց նիշանոց տեքստ։ Առաջին դիրքում կարող է լինել # նշանը, սակայն այն պարտադիր չէ. օրինակ՝ կարող եք գրել #0f6 կամ 336699։ Պահպանեք նիշերի նշված քանակը, որպեսզի կարճ և ամբողջական HEX գրառումը տարբերակելի լինի։

4. RGB մուտքի համար տրամադրեք երեք թվային բաղադրիչ, որոնք համապատասխանում են երեք գունային ալիքներին։ Հաջող ընդունման համար յուրաքանչյուր ստացված ալիք պետք է գտնվի 0-ից 255 միջակայքում։ Գրառման մեջ թվային հատվածները կարող են առանձնացվել այլ նշաններով, քանի որ մշակումը բաղադրիչները վերցնում է թվային ենթատողերից, ոչ թե ամբողջ շարահյուսությունը լիովին ստուգելու միջոցով։

5. HSL մուտքի դեպքում տրամադրեք երեք թվային բաղադրիչ՝ երանգ, հագեցվածություն և լուսավորություն։ Երանգը հաշվարկվում է 360 աստիճանանոց շրջանի մեջ, իսկ 100 տոկոսից բարձր հագեցվածությունն ու լուսավորությունը սահմանափակվում են 100 տոկոսով։ HSL-ի համար օգտագործվող ընթերցումը պետք է հաշվի առնել, երբ գրառումը սովորական ձևից շեղված է. բաղադրիչները վերցվում են թվային հատվածներից, իսկ առաջատար մինուս նշանը չի մեկնաբանվում որպես բացասական արժեք։

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

Արդյունքի ընթերցումը և ստուգման սահմանները

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

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

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

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

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

Դուք ցանկանում եք կարճ HEX գրառումը դիտել նաև RGB և HSL ներկայացումներով։

Մուտքի դաշտում գրեք #0f6, աղբյուրի ձևաչափում ընտրեք փոքրատառ hex և գործարկեք փոխարկումը։

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

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

• Դատարկ կամ տվյալ ձևաչափի պայմաններին չհամապատասխանող մուտքը կարող է չփոխարկվել։ Ճանաչվում են միայն փոքրատառ hex, rgb և hsl աղբյուրի ձևաչափերը, մինչդեռ որոշ անկանոն RGB կամ HSL տեքստեր կարող են փոխարկվել թվային հատվածների ընթերցման պատճառով։

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

• Մեծատառ կամ չճանաչվող աղբյուրի ձևաչափը փոխարկման ձախողման պատճառ է դառնում։ Փոխեք ընտրությունը փոքրատառ hex, rgb կամ hsl արժեքի և կրկին գործարկեք փոխարկումը։

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

Կարո՞ղ եմ HEX-ը գրել առանց # նշանի։

Այո, HEX գրառումը կարող է լինել երեք կամ վեց նիշանոց և կարող է սկսվել # նշանով կամ գրվել առանց դրա։ Դատարկ դաշտը, սակայն, փոխարկման արդյունք չի ստեղծում։

Ի՞նչ պայմաններով է ընդունվում RGB գույնը։

RGB-ն ընդունվում է այն դեպքում, երբ ընթերցումից ստացվում է ճիշտ երեք թվային հատված, և յուրաքանչյուր ստացված ալիք գտնվում է 0-ից 255 միջակայքում։ Թվային հատվածներ պարունակող որոշ ոչ կանոնավոր գրառումներ նույնպես կարող են անցնել, քանի որ ամբողջ տեքստը լիովին շարահյուսորեն չի ստուգվում։

Ինչպե՞ս է մշակվում HSL-ի միջակայքից դուրս արժեքը։

HSL-ի երանգը 360 աստիճանանոց շրջանից դուրս լինելու դեպքում բերվում է այդ շրջանի մեջ, իսկ 100 տոկոսից բարձր հագեցվածությունն ու լուսավորությունը սահմանափակվում են 100 տոկոսով։ Մինուս նշանով գրված բաղադրիչի նշանը կարող է չընթերցվել, և գործիքը կարող է օգտագործել նշանից հետո եղած թվանշանները։