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

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

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

HEX

#9c5758

Au Chico

HEX
#9c5758
HSL
359, 28, 48
RGB
156, 87, 88
XYZ
19, 15, 11
CMYK
0, 44, 44, 39
LUV
45,57,11,
LAB
45, 29, 12
HWB
359, 34, 39

Վարիացիաներ

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

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

Ստվերներ

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

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

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

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

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

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

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

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

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

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

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

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

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

Լրացում

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

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

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

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

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

Եռյակ

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

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

Անալոգային

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

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

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

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

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

Տետրադիկ

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

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

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

Մնացորդ

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

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

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

Հարմոնիա

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

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

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

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

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

- Albert Einstein

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

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

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

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

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