Գույնի կոդի գեներատոր և ընտրիչ

Ստեղծեք գունային կոդեր, տատանումներ, ներդաշնակություններ և ստուգեք կոնտրաստի հարաբերակցությունները։

Գույների փոխակերպում

HEX

#797979

Boulder

HEX
#797979
HSL
0, 0, 47
RGB
121, 121, 121
XYZ
18, 19, 21
CMYK
0, 0, 0, 53
LUV
51,8,4,
LAB
51, 0, 0
HWB
0, 47, 53

Վարիացիաներ

Այս բաժնի նպատակն է ճշգրիտ ստանալ ձեր ընտրած գույնի երանգները (ավելացված մաքուր սպիտակ) և երանգները (ավելացված մաքուր սև)՝ 10% աճով։

Մասնագիտական խորհուրդ. Օգտագործեք երանգներ՝ մկնիկի կուրսորը պահելու վիճակների և ստվերների համար, իսկ երանգներ՝ լուսավոր հատվածների և ֆոնի համար։

Ստվերներ

Ավելի մուգ տարբերակներ, որոնք ստեղծվում են ձեր հիմնական գույնին սև ավելացնելով։

Գունանյութեր

Ավելի թեթև տարբերակներ, որոնք ստեղծվել են սպիտակը հիմնական գույնին ավելացնելով։

Հաճախակի օգտագործման դեպքեր

  • UI բաղադրիչների վիճակները (մկնիկի կուրսորը պահել, ակտիվ, անջատված)
  • Ստվերների և լուսավորության միջոցով խորության ստեղծում
  • Համապատասխան գունային համակարգերի կառուցում

Դիզայնի համակարգի խորհուրդ

Այս տարբերակները կազմում են միասնական գունային պալիտրա հիմքը: Արտահանեք դրանք՝ ձեր ամբողջ նախագծում հետևողականությունը պահպանելու համար:

Գույների համադրություններ

Յուրաքանչյուր ներդաշնակություն ունի իր տրամադրությունը։ Օգտագործեք ներդաշնակությունները՝ գաղափարներ մշակելու համար, որոնք լավ կհամապատասխանեն միմյանց։

Ինչպես օգտագործել

Սեղմեք ցանկացած գույնի վրա՝ դրա տասնվեցական արժեքը պատճենելու համար: Այս համադրությունները մաթեմատիկորեն ապացուցված են, որ ստեղծում են տեսողական ներդաշնակություն:

Ինչու է դա կարևոր

Գունային ներդաշնակությունները հավասարակշռություն են ստեղծում և ձեր դիզայնում առաջացնում են որոշակի հույզեր։

Լրացում

Գույնը և դրա հակադիրը գունային անիվի վրա՝ +180 աստիճան երանգ։ Բարձր հակադրություն։

#797979
Լավագույնը: Բարձր ազդեցության դիզայններ, կոչեր կոչերի համար, լոգոներ

Բաժին-լրացուցիչ

Մեկ գույն և երկուսը՝ դրա լրացմանը հարակից, +/-30 աստիճան երանգի տարբերություն՝ հիմնական գույնի հակառակ արժեքից։ Համարձակ՝ ինչպես ուղիղ լրացումը, բայց ավելի բազմակողմանի։

Լավագույնը: Կենսունակ, բայց հավասարակշռված դասավորություններ

Եռյակ

Երեք գույներ հավասարաչափ տարածված գունային անիվի երկայնքով, յուրաքանչյուրը 120 աստիճան երանգի հեռավորության վրա: Լավագույնն է թույլ տալ, որ մեկ գույնը գերիշխի, իսկ մյուսներն օգտագործել որպես շեշտադրումներ:

Լավագույնը: Խաղային, էներգետիկ դիզայններ

Անալոգային

Նույն պայծառության և հագեցվածության երեք գույներ՝ գունային անիվի վրա հարևան երանգներով, միմյանցից 30 աստիճան հեռավորության վրա։ Հարթ անցումներ։

Լավագույնը: Բնությունից ոգեշնչված, հանգստացնող ինտերֆեյսներ

Մոնոքրոմատիկ

Նույն երանգի երեք գույներ՝ +/-50% պայծառությամբ։ Նուրբ և նուրբ։

Լավագույնը: Մինիմալիստական, նրբագեղ դիզայններ

Տետրադիկ

Երկու լրացուցիչ գույների հավաքածու, որոնք իրարից բաժանված են 60 աստիճան երանգով։

Լավագույնը: Հարուստ, բազմազան գունային սխեմաներ

Գույների տեսության սկզբունքներ

Մնացորդ

Օգտագործեք մեկ գերիշխող գույն, աջակցեք երկրորդականով և շեշտադրեք խնայողաբար։

Հակադրություն

Ապահովեք բավարար հակադրություն՝ ընթեռնելիության և մատչելիության համար։

Հարմոնիա

Գույները պետք է համատեղ աշխատեն՝ միասնական տեսողական փորձառություն ստեղծելու համար։

Գույնի հակադրության ստուգիչ

Փորձարկեք գույների համադրությունները՝ համոզվելու համար, որ դրանք համապատասխանում են WCAG-ի տեքստի ընթեռնելիության հասանելիության չափանիշներին։

Տեքստի գույն
Ֆոնի գույնը
հակադրություն
Fail
Փոքր տեքստ
✖︎
Մեծ տեքստ
✖︎
WCAG ստանդարտներ
AA:Նվազագույն կոնտրաստի հարաբերակցությունը՝ 4.5:1 սովորական տեքստի և 3:1 մեծ տեքստի համար։ Պարտադիր է կայքերի մեծ մասի համար։
AAA:Բարելավված կոնտրաստի հարաբերակցություն՝ 7:1 սովորական տեքստի և 4.5:1 մեծ տեքստի համար։ Խորհուրդ է տրվում օպտիմալ մատչելիության համար։

Բոլորը Հանճար են։ Բայց եթե ձկանը դատեք ծառ մագլցելու ունակությամբ, նա կապրի իր ամբողջ կյանքը՝ հավատալով, որ հիմարություն է:

- Albert Einstein

Տեխնիկական ձևաչափեր

Գործնական ձևաչափեր

Գույների վերլուծություն

Կուրության սիմուլյատոր

Ստեղծագործական ասպեկտներ