Hergestellt in 07/11/2025 09:40
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 Grey | Brainstem 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 |
