Hergestellt in 07/21/2025 12:47
React Dashboard Syntax Lab
- JSX Flame#ff6363
- Import Charcoal#23272a
- Hook Cyan#2dced8
- Element Pink#fda7df
- Code Paper White#fbfbfb
- State Lime#c6ff00
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Import Charcoal #23272a und State Lime #c6ff00. Palette hat Farbtemperatur Warm, Kalt, Neutral.
Nach Helligkeit reicht diese Palette von #23272A (dunkelstes) bis #FBFBFB (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).
Warme und kühle Felder sind ziemlich ausgeglichen.
HEX-Codes (sortiert): #23272A, #2DCED8, #C6FF00, #FBFBFB, #FDA7DF, #FF6363
Die Palette React Dashboard Syntax Lab enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #ff6363, RGB: (255, 99, 99); VERHEXEN: #23272a, RGB: (35, 39, 42); VERHEXEN: #2dced8, RGB: (45, 206, 216)
VERHEXEN: #fda7df, RGB: (253, 167, 223); VERHEXEN: #fbfbfb, RGB: (251, 251, 251); VERHEXEN: #c6ff00, RGB: (198, 255, 0)
Vereinfachte Version der Palettenfarben
Farbton von salmon, Schatten von Schwarz, Schatten von darkturquoise, Schatten von plum, Farbton von Weiss, Schatten von greenyellow
Farbschema wurde erstellt von colorday
Farbcodes in der Palette
React Dashboard Syntax Lab Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #ff6363 | #ff6363 | RGB(255, 99, 99) | JSX Flame | — |
| #23272a | #23272a | RGB(35, 39, 42) | Import Charcoal | — |
| #2dced8 | #2dced8 | RGB(45, 206, 216) | Hook Cyan | — |
| #fda7df | #fda7df | RGB(253, 167, 223) | Element Pink | — |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | Code Paper White | Whiteout |
| #c6ff00 | #c6ff00 | RGB(198, 255, 0) | State Lime | — |
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 |
#ff6363 | #2dced8 | 1.51 |
#ff6363 | #fda7df | 1.63 |
#2dced8 | #fda7df | 1.07 |
#2dced8 | #fbfbfb | 1.85 |
#2dced8 | #c6ff00 | 1.61 |
#fda7df | #fbfbfb | 1.72 |
Bildpalette React Dashboard Syntax Lab png
Palette exportieren
Laden Sie die "React Dashboard Syntax Lab" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: