Hergestellt in 07/24/2025 13:25
React Dashboard Flow System
Component Indigo
#3c4cad
Hooks Apricot
#ffbe9f
Payload Lime
#d4ff4d
UI Drift White
#f9f9fa
Redux Black
#1d1d1d
Tree Graph Pink
#ff5ca2
Async Smoke
#e0e0e3
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Component Indigo #3c4cad und Payload Lime #d4ff4d. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Die Palette React Dashboard Flow System enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #3c4cad, RGB: (60, 76, 173); VERHEXEN: #ffbe9f, RGB: (255, 190, 159); VERHEXEN: #d4ff4d, RGB: (212, 255, 77)
VERHEXEN: #f9f9fa, RGB: (249, 249, 250); VERHEXEN: #1d1d1d, RGB: (29, 29, 29); VERHEXEN: #ff5ca2, RGB: (255, 92, 162)
VERHEXEN: #e0e0e3, RGB: (224, 224, 227)
Vereinfachte Version der Palettenfarben
Schatten von darkslateblue, Schatten von lightsalmon, Schatten von greenyellow, Schatten von whitesmoke, Schatten von Schwarz, Farbton von hotpink, Schatten von gainsboro
Farbschema wurde erstellt von raccoon
Farbcodes in der Palette
React Dashboard Flow System Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #3c4cad | #3c4cad | RGB(60, 76, 173) | Component Indigo | — |
| #ffbe9f | #ffbe9f | RGB(255, 190, 159) | Hooks Apricot | — |
| #d4ff4d | #d4ff4d | RGB(212, 255, 77) | Payload Lime | — |
| #f9f9fa | #f9f9fa | RGB(249, 249, 250) | UI Drift White | — |
| #1d1d1d | #1d1d1d | RGB(29, 29, 29) | Redux Black | — |
| #ff5ca2 | #ff5ca2 | RGB(255, 92, 162) | Tree Graph Pink | — |
| #e0e0e3 | #e0e0e3 | RGB(224, 224, 227) | Async Smoke | — |
Farbpalette Kontrast
7 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#ffbe9f | #d4ff4d | 1.38 |
#ffbe9f | #f9f9fa | 1.52 |
#ffbe9f | #ff5ca2 | 1.79 |
#ffbe9f | #e0e0e3 | 1.21 |
#d4ff4d | #f9f9fa | 1.09 |
#d4ff4d | #e0e0e3 | 1.14 |
