#D946EF · Litakóða rafall & Picker

Búðu til litakóða, afbrigði, samhljóma og athugaðu andstæðuhlutföll.

Litabreyting

#d946ef

Afbrigði

Tilgangur þessa hluta er að framleiða nákvæmlega tóna (hreint hvítt bætt við) og skugga (hreint svart bætt við) af valda litnum þínum í 10% skrefum.

Sérfræðiráð: Notaðu skugga fyrir hover-ástand og skugga, tóna fyrir hápunkta og bakgrunna.

Skuggar

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

Tónar

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

Algeng notkunartilvik

  • • UI íhlutaástand (hover, virkt, óvirkt)
  • • Að búa til dýpt með skuggum og hápunktum
  • • Að byggja upp samræmda litakerfi

Hönnunarkerfisráð

Þessi afbrigði mynda grunninn að samræmdri litapallettu. Flyttu þau út til að viðhalda samræmi í öllu verkefninu þínu.

Litablöndur

Hver samhljómur hefur sitt eigið andrúmsloft. Notaðu samhljóma til að hugstorma litablöndur sem virka vel saman.

Hvernig á að nota

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

Af hverju það skiptir máli

Litasamhljómar skapa jafnvægi og vekja upp ákveðnar tilfinningar í hönnuninni þinni.

Andstæða

Litur og andstæða hans á litahjólinu, +180 gráður af litbrigði. Mikil andstæða.

Best fyrir: Áhrifamikil hönnun, CTAs, lógó

Skipt-andstæða

Litur og tveir aðliggjandi við andstæðu hans, +/-30 gráður af litbrigði frá gildi andstæðu aðallitnum. Djörf eins og bein andstæða, en fjölhæfari.

Best fyrir: Lífleg en jafnvægi uppsetning

Þrílitir

Þrír litir jafnt dreifðir á litahjólinu, hver 120 gráður af litbrigði í sundur. Best að láta einn lit ríkja og nota hina sem áherslur.

Best fyrir: Leikandi, orkumikil hönnun

Hliðstæður

Þrír litir með sama birtustig og mettun með litbrigðum sem eru aðliggjandi á litahjólinu, 30 gráður í sundur. Sléttar umbreytingar.

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

Einslitur

Þrír litir með sama litbrigði með birtustigsgildi +/-50%. Fínleg og fáguð.

Best fyrir: Lágmarks, fáguð hönnun

Fjórfaldur

Tvö sett af andstæðum litum, aðskilin með 60 gráðu litblæ.

Best fyrir: Ríkuleg, fjölbreytt litaskema

Litaþekkingarreglur

Jafnvægi

Notaðu einn ríkjandi lit, styðjaðu með aukalitum og notaðu áhersluliti sparlega.

Andstæða

Tryggðu nægilega andstæðu fyrir læsileika og aðgengi.

Samhljómur

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

Litasamsetningarskoðari

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

Andstæða

1.00
common.contrastFail
Mjög lélegt
Lítill texti
common.contrastFail
Stór texti
common.contrastFail

WCAG staðlar

AA:Lágmarks litasamsetningarhlutfall 4.5:1 fyrir venjulegan texta og 3:1 fyrir stóran texta. Nauðsynlegt fyrir flestar vefsíður.
AAA:Bætt litasamsetningarhlutfall 7:1 fyrir venjulegan texta og 4.5:1 fyrir stóran texta. Mælt með fyrir besta aðgengi.
Ófullnægjandi andstæða fyrir allar textastærðir - stenst ekki WCAG staðla.

Ítarlegur andstæðuskoðari

Fínstilla með sleðum, mörgum forsýningum og fleira

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

contrastChecker.quote1Author

Tæknileg snið

Kannaðu háþróaðar litaplássframsetningar og fagleg litamódel sem notuð eru í myndbandsframleiðslu, ljósmyndun, vísindalegum forritum og litastjórnkerfum. Þessi tæknilegu snið veita nákvæmar litaskilgreiningar fyrir sérhæfðar atvinnugreinar og forrit.

Hagnýt snið

Umbreyttu litum í hagnýt snið fyrir raunveruleg forrit, þar á meðal prenthermun, LED skjái, skjalavörp og gagna kóðun. Þessi snið hjálpa þér að innleiða liti á mismunandi miðlum, kerfum og líkamlegum tækjum.

Litagreining

Greindu eiginleika lita með háþróuðum mælikvörðum, þar á meðal litrófssamsetningu, litahreinsun, metamerismaáhrifum og skynjunareiginleikum. Þessi verkfæri veita djúpa innsýn í hegðun og útlit lita við mismunandi skoðunarskilyrði.

Blindushermir

Athugaðu hvernig litur er skynjaður af fólki með mismunandi tegundir litblindu til að búa til aðgengilegri hönnun. Að skilja litaskynjun hjálpar til við að tryggja að efnið þitt sé aðgengilegt fyrir alla.

Skapandi þættir

Kannaðu listræna og sálfræðilega vídd lita, þar á meðal árstíðabundin tengsl, tilfinningaleg áhrif, náttúrulegar uppákomur, söguleg litarefni og litablöndunaruppskriftir fyrir skapandi notkun.