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

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

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

HEX

#ca4e4e

Chestnut Rose

HEX
#ca4e4e
HSL
0, 54, 55
RGB
202, 78, 78
XYZ
28, 19, 9
CMYK
0, 61, 61, 21
LUV
50,105,21,
LAB
50, 49, 26
HWB
0, 31, 21

Վարիացիաներ

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

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

Ստվերներ

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

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

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

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

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

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

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

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

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

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

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

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

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

Լրացում

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

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

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

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

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

Եռյակ

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

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

Անալոգային

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

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

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

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

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

Տետրադիկ

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

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

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

Մնացորդ

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

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

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

Հարմոնիա

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

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

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

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

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

- Albert Einstein

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

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

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

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

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