Faarfkonversioun
#fbe7b2
Banana Mania
Variatiounen
D'Zil vun dëser Sektioun ass et, präzis Tinten (rengt Wäiss derbäigesat) a Schied (rengt Schwaarz derbäigesat) vun denger gewielter Faarf an 10% Schrëtt ze produzéieren.
Pro Tipp: Benotz Schied fir Hover-Zoustänn a Schied, Tinten fir Highlights an Hannergrënn.
Schied
Däischter Variatiounen, déi duerch d'Zousätz vu Schwaarz zu denger Basisfaarf erstallt ginn.
Tinten
Méi hell Variatiounen, déi duerch d'Zousätz vu Wäiss zu denger Basisfaarf erstallt ginn.
Gängeg Notzungsfäll
- • UI Komponentenzoustänn (hover, aktiv, deaktivéiert)
- • Déift mat Schied an Highlights schafen
- • Konsistent Faarfsystemer opbauen
Design System Tipp
Dës Variatiounen bilden d'Grondlag vun enger kohärenter Faarfpalette. Exportéier se fir Konsistenz iwwer däi ganzt Projet ze halen.
Faarfkombinatiounen
All Harmonie huet seng eege Stëmmung. Benotz Harmonien fir Faarfkombinatiounen ze brainstormen, déi gutt zesumme passen.
Wéi ze benotzen
Klick op eng Faarf fir hiren Hex-Wäert ze kopéieren. Dës Kombinatiounen si mathematesch bewisen, visuell Harmonie ze schafen.
Firwat et wichteg ass
Faarfharmonien schafen Gläichgewiicht a ruffen spezifesch Emotiounen an dengen Designen ervir.
Komplement
Eng Faarf an hir Géigendeel um Faarfrad, +180 Grad vum Toun. Héich Kontrast.
Gespaltener Komplementär
Eng Faarf an zwee déi nieft hirem Komplement sinn, +/-30 Grad vum Toun vum Wäert géigeniwwer der Haaptfaarf. Fett wéi e geraden Komplement, awer méi villsäiteg.
Triadesch
Dräi Faarwen, déi gläichméisseg um Faarfrad verdeelt sinn, all 120 Grad vum Toun auserneen. Am beschten eng Faarf dominéieren loossen an déi aner als Akzenter benotzen.
Analog
Dräi Faarwen mat der selwechter Liichtkraaft an Sättigung mat Téin, déi um Faarfrad niefteneen sinn, 30 Grad auserneen. Glat Iwwergäng.
Monochromatesch
Dräi Faarwen vum selwechten Toun mat Liichtkraaftwäerter +/-50%. Subtil an raffinéiert.
Tetradesch
Zwee Sätz vu komplementäre Faarwen, getrennt duerch 60 Grad vun der Nuance.
Prinzipien vun der Faarftheorie
Gläichgewiicht
Benotz eng dominant Faarf, ënnerstëtzt mat sekundären, an akzentuéier spuersam.
Kontrast
Sécherstellen genuch Kontrast fir Liesbarkeet an Accessibilitéit.
Harmonie
Faarwen solle zesummeschaffen fir eng eenheetlech visuell Erfarung ze kreéieren.
Faarfkontrast Checker
Test Faarfkombinatiounen fir sécherzestellen, datt se d'WCAG Accessibilitéitsnormen fir Textliesbarkeet erfëllen.
Textfaarf
Hannergrondfaarf
Kontrast
WCAG Standarden
Fortgeschratt Kontrast Checker
Feinjustéieren mat Schieber, multiple Viraussiichten & méi
Jiddereen ass e Genie. Awer wanns du e Fësch no senger Fäegkeet bewäerts, e Bam eropzeklammen, wäert hien säi ganzt Liewen gleewen, datt hien domm ass.