Hergestellt in 09/11/2025 21:54
  16

React Flowchart Accessibility Theme

  • Framework Blue
    #3b82f6
  • UX White
    #ffffff
  • Contrast Black
    #000000
  • Context Violet
    #7c3aed
  • Highlight Orange
    #f97316
  • Adaptive Mint
    #2dd4bf
  • Readable Gray
    #9ca3af
Die Palette besteht aus Licht, Dunkel, Halbdunkel-Farben. Akzentfarben Framework Blue #3b82f6 und Highlight Orange #f97316. Palette hat Farbtemperatur Kalt, Neutral, Warm.

Nach Helligkeit reicht diese Palette von #000000 (dunkelstes) bis #FFFFFF (hellstes). Die Helligkeitsspanne ist groß.

Die Sättigung wirkt insgesamt lebhaft (höhere Chroma).

Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).

In der Gesamttemperatur neigen die Felder zur kalten Seite.

HEX-Codes (sortiert): #000000, #2DD4BF, #3B82F6, #7C3AED, #9CA3AF, #F97316, #FFFFFF

Die Palette React Flowchart Accessibility Theme enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #3b82f6, RGB: (59, 130, 246); VERHEXEN: #ffffff, RGB: (255, 255, 255); VERHEXEN: #000000, RGB: (0, 0, 0)
VERHEXEN: #7c3aed, RGB: (124, 58, 237); VERHEXEN: #f97316, RGB: (249, 115, 22); VERHEXEN: #2dd4bf, RGB: (45, 212, 191)
VERHEXEN: #9ca3af, RGB: (156, 163, 175)
Vereinfachte Version der Palettenfarben
Farbton von dodgerblue, Weiss, Schwarz, Schatten von blueviolet, Schatten von chocolate, Farbton von turquoise, Farbton von darkgrey
Farbschema wurde erstellt von colorhunt

Farbcodes in der Palette

React Flowchart Accessibility Theme Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe VERHEXEN RGB Name alternativer Name
#3b82f6 #3b82f6 RGB(59, 130, 246)Framework Blue
#ffffff #ffffff RGB(255, 255, 255)UX WhiteWhite
#000000 #000000 RGB(0, 0, 0)Contrast BlackBlack
#7c3aed #7c3aed RGB(124, 58, 237)Context Violet
#f97316 #f97316 RGB(249, 115, 22)Highlight Orange
#2dd4bf #2dd4bf RGB(45, 212, 191)Adaptive Mint
#9ca3af #9ca3af RGB(156, 163, 175)Readable Gray

Farbpalette Kontrast

8 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
Tekst kleur Achtergrond kleur contrast ratio
#3b82f6
#7c3aed
1.54
#3b82f6
#f97316
1.31
#3b82f6
#2dd4bf
1.97
#3b82f6
#9ca3af
1.44
#ffffff
#2dd4bf
1.86
#f97316
#2dd4bf
1.5

Bildpalette React Flowchart Accessibility Theme png