Litabreyting
#0a6f75
Atoll
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.
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.
Þ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.
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.
Einslitur
Þrír litir með sama litbrigði með birtustigsgildi +/-50%. Fínleg og fáguð.
Fjórfaldur
Tvö sett af andstæðum litum, aðskilin með 60 gráðu litblæ.
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.
Textalitur
Bakgrunnslitur
Andstæða
WCAG staðlar
Í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.