Faarfcodegenerator & -wieler

Generéiert Faarfcoden, Variatiounen, Harmonien a kontrolléiert Kontrastverhältnisser.

Faarfkonversioun

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

Variatiounen

Den Zweck vun dëser Sektioun ass et, Téin (reng Wäiss derbäigesat) an Nuancen (reng Schwaarz derbäigesat) vun Ärer gewielter Faarf a Schrëtt vun 10% präzis ze produzéieren.

Profi-Tipp: Benotzt Nuancen fir Schweefzoustänn a Schied, Téin fir Héichpunkter an Hannergrënn.

Nuancen

Däischter Variatiounen, déi duerch d'Zousätzlech vu Schwaarz zu Ärer Basisfaarf entstinn.

Téinungen

Méi hell Variatiounen, déi duerch d'Zousätzlech vu Wäiss zu Ärer Basisfaarf erstallt ginn.

Fäll vun heefege Benotzung

  • Zoustänn vun den UI-Komponenten (beweegt iwwer d'Uewerfläch, aktiv, deaktivéiert)
  • Déift mat Schied an Héichpunkten erstellen
  • Konsequent Faarfsystemer opbauen

Tipp fir den Designsystem

Dës Variatioune bilden d'Grondlag vun enger kohärenter Faarfpalette. Exportéiert se fir d'Konsistenz iwwer Äert ganzt Projet ze garantéieren.

Faarfkombinatiounen

All Harmonie huet hir eege Stëmmung. Benotzt Harmonien fir Faarfkombinatiounen ze brainstormen, déi gutt zesummepassen.

Wéi een et benotzt

Klickt op eng Faarf fir hiren Hexadezimalwäert ze kopéieren. Et ass mathematesch bewisen, datt dës Kombinatioune visuell Harmonie schafen.

Firwat et wichteg ass

Faarfharmonien schafen Gläichgewiicht a ruffen spezifesch Emotiounen an Ären Designen ervir.

Ergänzung

Eng Faarf an hir Géigendeel um Faarfrad, +180 Grad Téin. Héije Kontrast.

#ca4e4e
Am beschten fir: Impaktvoll Designen, CTAs, Logoen

Split-komplementär

Eng Faarf an zwou niewent hirem Komplement, +/-30 Grad Téin vum Wäert vis-à-vis vun der Haaptfaarf. Fett wéi e riichte Komplement, awer méi villfälteg.

Am beschten fir: Liewensräich awer ausgeglach Layouten

Triadesch

Dräi Faarwen, déi gläichméisseg laanscht de Faarfrad verdeelt sinn, all 120 Grad Faarftéin vuneneen ewech. Am beschten ass et, eng Faarf dominéieren ze loossen an déi aner als Akzenter ze benotzen.

Am beschten fir: Spilllech, energesch Designen

Analog

Dräi Faarwen mat der selwechter Luminanz a Sättigung mat Téin, déi um Faarfrad niewentenee leien, 30 Grad vuneneen ewech. Gläichméisseg Iwwergäng.

Am beschten fir: Naturinspiréiert, berouegend Schnëttstellen

Monochromatesch

Dräi Faarwe vum selwechten Téin mat Luminanzwäerter vu +/- 50%. Subtil a raffinéiert.

Am beschten fir: Minimalistesch, raffinéiert Designen

Tetradesch

Zwee Sätz vu komplementäre Faarwen, getrennt duerch 60 Grad Téin.

Am beschten fir: Räich, divers Faarfschemaen

Prinzipie vun der Faarftheorie

Gläichgewiicht

Benotzt eng dominant Faarf, ënnerstëtzt mat enger Niewefaarf, an Akzent spuersam.

Kontrast

Sécherstellen, datt et genuch Kontrast fir d'Liesbarkeet an d'Zougänglechkeet gëtt.

Harmonie

Faarwe solle zesumme schaffen, fir eng eenheetlech visuell Erfahrung ze kreéieren.

Faarf Kontrast Checker

Test Faarfkombinatioune fir sécherzestellen, datt se den WCAG-Zougänglechkeetsnormen fir Textliesbarkeet entspriechen.

Text Faarf
Hannergrond Faarf
Kontrast
Fail
Klengen Text
✖︎
Groussen Text
✖︎
WCAG-Standarden
AA:Mindestkontrastverhältnis vu 4,5:1 fir normalen Text an 3:1 fir groussen Text. Erfuerderlech fir déi meescht Websäiten.
AAA:Verbessert Kontrastverhältnis vu 7:1 fir normalen Text a 4,5:1 fir groussen Text. Recommandéiert fir optimal Zougänglechkeet.

Jiddereen ass e Genie. Awer wann Dir e Fësch beurteelt no senger Fäegkeet fir op e Bam ze klammen, wäert hien säi ganzt Liewen liewen a gleewen datt et domm ass.

- Albert Einstein

Technesch Formater

Praktesch Formater

Faarfanalyse

Blannheetssimulator

Kreativ Aspekter