#0EA7C0 · Faarfcode Generator & Selector

Generéiert Faarfcoden, Variatiounen, Harmonien, a kontrolléiert Kontrastraten.

Faarfkonversioun

#0ea7c0

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.

Am beschten fir: Héich-Impakt Designen, CTAs, Logos

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.

Am beschten fir: Lieweg awer ausgeglach Layouten

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.

Am beschten fir: Spillsch, energesch Designen

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.

Am beschten fir: Natur-inspiréiert, berouegend Interfaces

Monochromatesch

Dräi Faarwen vum selwechten Toun mat Liichtkraaftwäerter +/-50%. Subtil an raffinéiert.

Am beschten fir: Minimalistesch, sophistikéiert Designen

Tetradesch

Zwee Sätz vu komplementäre Faarwen, getrennt duerch 60 Grad vun der Nuance.

Am beschten fir: Räich, divers Faarfschemaen

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.

Kontrast

1.00
common.contrastFail
Ganz schlecht
Klengen Text
common.contrastFail
Groussen Text
common.contrastFail

WCAG Standarden

AA:Minimum Kontrastverhältnis vun 4.5:1 fir normalen Text an 3:1 fir groussen Text. Noutwendeg fir déi meescht Websäite.
AAA:Verbessert Kontrastverhältnis vun 7:1 fir normalen Text an 4.5:1 fir groussen Text. Recommandéiert fir optimal Accessibilitéit.
Net genuch Kontrast fir all Textgréissten - entsprécht net den 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.

contrastChecker.quote1Author

Technesch Formater

Entdeckt fortgeschratt Faarfraum Representatiounen a professionell Faarfmodeller, déi a Videoproduktioun, Fotografie, wëssenschaftlechen Uwendungen a Faarfmanagementsystemer benotzt ginn. Dës technesch Formater bidden präzis Faarfspezifikatiounen fir spezialiséiert Industrien an Uwendungen.

Praktesch Formater

Konvertéier Faarwen a praktesch Formater fir reell Uwendungen, inklusiv Drécksimulatioun, LED-Displays, Terminalausgabe an Datenencodéierung. Dës Formater hëllefen dir Faarwen iwwer verschidde Medien, Plattformen an physesch Apparater ëmzesetzen.

Faarfanalyse

Analyséier Faarfeegenschaften mat fortgeschrattene Metriken, dorënner spektral Zesummesetzung, Faarfreinheet, Metamerieeffekter an perceptuell Charakteristiken. Dës Tools bidden déif Ablécker an d'Faarfverhalen an d'Erscheinung ënner verschiddene Vuebedingungen.

Blannheetssimulator

Kuck wéi eng Faarf vun Leit mat verschiddenen Aarte vu Faarfblannheet gesi gëtt, fir méi zougänglech Designen ze kreéieren. D'Verständnis vun der Faarfperceptioun hëlleft sécherzestellen, datt däin Inhalt fir jiddereen zougänglech ass.

Kreativ Aspekter

Entdeckt déi artistesch an psychologesch Dimensiounen vu Faarwen, inklusiv saisonal Associatiounen, emotionalen Impakt, natierlech Optrëtter, historesch Pigmenter a Faarfmëschungsrezepter fir kreativ Uwendungen.