Hergestellt in 07/11/2025 09:40
  26

React Component Library Dark Mode

React Base Black
#0f1115
Props Purple
#8e7cc3
State Active Cyan
#00cfc1
Focus Ring Yellow
#ffda3d
Shadow UI Grey
#b5b5b5
Card Border White
#f4f4f4
Die Palette besteht aus Dunkel, Licht-Farben. Akzentfarben State Active Cyan #00cfc1 und Focus Ring Yellow #ffda3d. Palette hat Farbtemperatur Neutral, Kalt, Warm.
Die Palette React Component Library Dark Mode enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #0f1115, RGB: (15, 17, 21); VERHEXEN: #8e7cc3, RGB: (142, 124, 195); VERHEXEN: #00cfc1, RGB: (0, 207, 193)
VERHEXEN: #ffda3d, RGB: (255, 218, 61); VERHEXEN: #b5b5b5, RGB: (181, 181, 181); VERHEXEN: #f4f4f4, RGB: (244, 244, 244)
Vereinfachte Version der Palettenfarben
Schatten von Schwarz, Schatten von mediumpurple, Farbton von mediumturquoise, Schatten von gold, Farbton von Silber, Farbton von whitesmoke
Farbschema wurde erstellt von bad_colors

Farbcodes in der Palette

React Component Library Dark Mode Farbcodes HEX, RGB-Informationen in der Tabelle

Farbe VERHEXEN RGB Name alternativer Name
#0f1115 #0f1115 RGB(15, 17, 21)React Base Black
#8e7cc3 #8e7cc3 RGB(142, 124, 195)Props Purple
#00cfc1 #00cfc1 RGB(0, 207, 193)State Active Cyan
#ffda3d #ffda3d RGB(255, 218, 61)Focus Ring Yellow
#b5b5b5 #b5b5b5 RGB(181, 181, 181)Shadow UI GreyBrainstem Grey
#f4f4f4 #f4f4f4 RGB(244, 244, 244)Card Border White

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
#8e7cc3
#00cfc1
1.83
#8e7cc3
#b5b5b5
1.75
#00cfc1
#ffda3d
1.43
#00cfc1
#b5b5b5
1.04
#00cfc1
#f4f4f4
1.78
#ffda3d
#b5b5b5
1.49

Bildpalette React Component Library Dark Mode png