Litakóðaframleiðandi og -valmynd

Búa til litakóða, afbrigði, samhljóma og athuga birtuskilahlutföll.

Litabreyting

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

Afbrigði

Tilgangur þessa hluta er að framleiða nákvæmlega blæbrigði (hreinu hvítu bætt við) og tónum (hreinu svörtu bætt við) af völdum lit í 10% þrepum.

Fagráð: Notaðu skugga fyrir sveimastöðu og skugga, blæbrigði fyrir ljós og bakgrunn.

Skuggar

Dökkari afbrigði búin til með því að bæta svörtu við grunnlitinn.

Litbrigði

Ljósari afbrigði búin til með því að bæta hvítu við grunnlitinn.

Algeng notkunartilvik

  • Stöður notendaviðmótshluta (sveifla yfir, virkur, óvirkur)
  • Að skapa dýpt með skuggum og ljósum ljósum
  • Að byggja upp samræmd litakerfi

Ráðleggingar um hönnunarkerfi

Þessar breytingar mynda grunninn að samfelldri litasamsetningu. Flyttu þær út til að viðhalda samræmi í öllu verkefninu.

Litasamsetningar

Hver samhljómur hefur sína eigin stemningu. Notaðu samhljóma til að finna hugmyndir um litasamsetningar sem passa vel saman.

Hvernig á að nota

Smelltu á hvaða lit sem er til að afrita sexhyrningsgildi hans. Þessar samsetningar eru stærðfræðilega sannaðar til að skapa sjónræna samhljóm.

Af hverju það skiptir máli

Litasamræmi skapar jafnvægi og vekur upp ákveðnar tilfinningar í hönnun þinni.

Viðbót

Litur og andstæða hans á litahringnum, +180 gráður í litbrigði. Mikil birtuskil.

#ca4e4e
Best fyrir: Áhrifamikil hönnun, aðgerðatillaga, lógó

Skipt viðbót

Einn litur og tveir sem liggja að viðbót hans, +/-30 gráður af litbrigði frá gildinu sem er á móti aðallitnum. Djörf eins og bein viðbót, en fjölhæfari.

Best fyrir: Lífleg en samt jafnvægisrík skipulag

Þríhyrningur

Þrír litir jafnt dreifðir eftir litahringnum, með 120 gráðu millibili milli lita. Best er að leyfa einum lit að ráða ríkjum og nota hina sem áherslu.

Best fyrir: Léttar, orkumiklar hönnun

Hliðstætt

Þrír litir með sama birtustigi og mettun með litbrigðum sem eru aðliggjandi á litahringnum, 30 gráður í sundur. Mjúkar breytingar.

Best fyrir: Náttúruleg, róandi viðmót

Einlita

Þrír litir í sama lit með birtustigi +/-50%. Fínlegir og fágaðir.

Best fyrir: Minimalísk, fáguð hönnun

Tetradic

Tvö sett af viðbótarlitum, aðskilin með 60 gráðum litbrigði.

Best fyrir: Rík, fjölbreytt litasamsetning

Meginreglur litafræðinnar

Jafnvægi

Notaðu einn ríkjandi lit, styðjið við aukalit og leggðu sparlega áherslu á liti.

Andstæður

Tryggið nægilegt birtuskil fyrir lesanleika og aðgengi.

Harmonía

Litir ættu að vinna saman til að skapa sameinaða sjónræna upplifun.

Litaskilamerki

Prófaðu litasamsetningar til að tryggja að þær uppfylli aðgengisstaðla WCAG fyrir lesanleika texta.

Litur texta
Bakgrunns litur
Andstæða
Fail
Lítill texti
✖︎
Stór texti
✖︎
WCAG staðlar
AA:Lágmarks birtuskilhlutfall 4,5:1 fyrir venjulegan texta og 3:1 fyrir stóran texta. Nauðsynlegt fyrir flestar vefsíður.
AAA:Aukið birtuskilhlutfall upp á 7:1 fyrir venjulegan texta og 4,5:1 fyrir stóran texta. Mælt með fyrir bestu aðgengi.

Allir eru snillingar. En ef þú dæmir fisk eftir hæfni hans til að klifra í tré, mun hann lifa öllu lífi sínu í þeirri trú að hann sé heimskur.

- Albert Einstein

Tæknileg snið

Hagnýt snið

Litgreining

Blindleikahermir

Skapandi þættir