HEX-ից RGB գույնի փոխարկիչ

HEX և RGB. նույն գույնի երկու գրելաձև

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

Ինչպես կարդալ տասնվեցական կոդը

Տասնվեցական գույնը նման է #1E90FF-ի։ Հեշ նշանը պարզապես սկիզբ է նշում, դրանից հետո եկող վեց նիշերը երեք զույգ են, գրված #RRGGBB օրինաչափությամբ։ Առաջին զույգը կարմիրն է, երկրորդը՝ կանաչը, երրորդը՝ կապույտը։ Յուրաքանչյուր զույգ թիվ է՝ գրված տասնվեցական (16-հիմքով) համակարգում, որտեղ թվանշանները 0-9 են, ապա A, B, C, D, E, F, որոնք ներկայացնում են 10-ից 15-ը։ Մեկ զույգը կարող է պահել 00-ից (ալիքն ամբողջովին անջատված) մինչև FF (ամբողջովին միացած) արժեքներ։ Սովորական տասնորդական համակարգում այդ տիրույթը ճշգրիտ 0-ից 255 է, նույն սանդղակը, որ օգտագործում է RGB-ն։ Ալիք-առ-ալիք 256 հնարավոր մակարդակով, վեցանիշ ձևը կարող է նկարագրել 16 777 216 տարբեր գույն։

Փոխակերպումն երկու ուղղությամբ էլ, մշակված օրինակով

HEX-ից RGB տեղափոխվելու համար բաժանեք կոդն իր երեք զույգերի և յուրաքանչյուրը փոխարկեք 16-հիմքից սովորական տասնորդականի։ Վերցնենք #1E90FF-ը։ Կարմիր զույգը 1E է. դա 1 բազմապատկած 16-ով, գումարած 14 (E), որը հավասար է 30-ի։ Կանաչ զույգը 90 է՝ 9 բազմապատկած 16-ով, գումարած 0, հավասար է 144-ի։ Կապույտ զույգը FF է՝ 15 բազմապատկած 16-ով, գումարած 15, հավասար է 255-ի։ Այսպիսով #1E90FF-ը դառնում է rgb(30, 144, 255). ծանոթ dodger blue գույնը։

Հակառակ ուղղությունը նույն գործընթացն է՝ հակադարձ։ Վերցրեք յուրաքանչյուր RGB թիվ և գրեք այն որպես երկու տասնվեցական թվանշան։ Մաքուր կարմիրը՝ rgb(255, 0, 0), տալիս է FF, 00 և 00, որոնք միանում են #FF0000-ի։ Մի բան, որ արժե հիշել. եթե արժեքը 16-ից փոքր է, դեռ պետք է երկու թվանշան, ուստի 5-ը գրվում է 05, ոչ թե պարզապես 5։ Փոխարկիչն ինքն է կատարում այս լցումը, բայց դա մարդկանց շփոթեցնում է, երբ ձեռքով են անում։

Որտեղ է օգտագործվում յուրաքանչյուր ձևաչափ

HEX-ը վեբի ամենօրյա լեզուն է։ CSS-ը, HTML-ը և ձեր գրած կոդի մեծ մասը դիմում են տասնվեցական կոդերին, քանի որ դրանք կոմպակտ են և հեշտ պատճենահանել։ RGB-ն սովորաբար հանդիպում է դիզայնի և պատկերի գործիքների ներսում. Figma-ն, Photoshop-ը, Sketch-ը և Illustrator-ը սովորաբար ցույց են տալիս սահիչներ կամ դաշտեր 0-255 տիրույթում, և էկրանագրման կամ վիդեո հավելվածները հաճախ ևս ակնկալում են RGB։ Այսպիսով դուք պարբերաբար վերցնում եք տասնվեցական կոդ ոճաթերթից և ձեզ պետք է դրա RGB ձևը՝ դիզայնի վահանակում մուտքագրելու համար, կամ հակառակը։ Հենց դա է փոխարկիչի ամբողջ պատճառը։ Եթե ձեզ պետք է կառուցել համապատասխան երանգների ամբողջական հավաքածու, այլ ոչ թե թարգմանել մեկը, մեր գունային պալիտրայի գեներատորը ավելի լավ մեկնարկային կետ է, և ավելի շատ նմանատիպ գործիքներ կգտնեք ծրագրավորողի գործիքների բաժնում։

Ալֆա, թափանցիկություն և HSL

Երկու նշանագրություններն էլ ունեն ընդլայնված ձև, որն ավելացնում է թափանցիկություն։ RGB-ն դառնում է rgba(30, 144, 255, 0.5), որտեղ չորրորդ արժեքն ալֆան է. 0-ն ամբողջովին թափանցիկ է, 1-ը՝ ամբողջովին անթափանց։ HEX-ն ավելացնում է չորրորդ զույգ նույն նպատակով՝ ստանալով ութանիշ #RRGGBBAA կոդ. 80-ը, օրինակ, մոտավորապես 50 տոկոս թափանցելիություն է։ Որոշ փոխարկիչներ նաև առաջարկում են HSL (երանգ, հագեցվածություն, պայծառություն), որը գույնը նկարագրում է այնպես, ինչպես մարդն է դա անում. ընտրեք երանգ անիվի վրա, ապա կարգավորեք դրա վառությունն ու պայծառությունը։ HSL-ը այլ մտային մոդել է, ոչ թե այլ գունապնակ, ուստի այն կարող է ավելի ինտուիտիվ լինել, երբ ցանկանում եք գույնը մի փոքր բացել կամ մեղմել՝ առանց երեք առանձին թվերի հետ գլուխ դնելու։

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