Hergestellt in 04/15/2026 11:34
JavaScript React Motion UI Kit Analytics Dashboard AI
- Dev Midnight#0a0f1e
- Chart Aqua#00c2ff
- Success Green#22c55e
- Warning Amber#f59e0b
- Error Red#ef4444
- Panel Gray#9aa4b2
- Highlight Indigo#6366f1
- Base White#f8fafc
Die Palette besteht aus Dunkel, Licht-Farben. Akzentfarben Chart Aqua #00c2ff und Warning Amber #f59e0b. Palette hat Farbtemperatur Neutral, Kalt, Warm.
Nach Helligkeit reicht diese Palette von #0A0F1E (dunkelstes) bis #F8FAFC (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): #00C2FF, #0A0F1E, #22C55E, #6366F1, #9AA4B2, #EF4444, #F59E0B, #F8FAFC
Die Palette JavaScript React Motion UI Kit Analytics Dashboard AI enthält eine Kombination aus 8-Codefarben:
VERHEXEN: #0a0f1e, RGB: (10, 15, 30); VERHEXEN: #00c2ff, RGB: (0, 194, 255); VERHEXEN: #22c55e, RGB: (34, 197, 94)
VERHEXEN: #f59e0b, RGB: (245, 158, 11); VERHEXEN: #ef4444, RGB: (239, 68, 68); VERHEXEN: #9aa4b2, RGB: (154, 164, 178)
VERHEXEN: #6366f1, RGB: (99, 102, 241); VERHEXEN: #f8fafc, RGB: (248, 250, 252)
Vereinfachte Version der Palettenfarben
Schatten von Schwarz, Schatten von deepskyblue, Farbton von limegreen, Farbton von Orange, Farbton von indianred, Farbton von darkgrey, Farbton von mediumslateblue, Schatten von whitesmoke
Farbschema wurde erstellt von hex
Farbcodes in der Palette
JavaScript React Motion UI Kit Analytics Dashboard AI Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #0a0f1e | #0a0f1e | RGB(10, 15, 30) | Dev Midnight | — |
| #00c2ff | #00c2ff | RGB(0, 194, 255) | Chart Aqua | — |
| #22c55e | #22c55e | RGB(34, 197, 94) | Success Green | — |
| #f59e0b | #f59e0b | RGB(245, 158, 11) | Warning Amber | — |
| #ef4444 | #ef4444 | RGB(239, 68, 68) | Error Red | — |
| #9aa4b2 | #9aa4b2 | RGB(154, 164, 178) | Panel Gray | — |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Highlight Indigo | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Base White | — |
Farbpalette Kontrast
14 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#00c2ff | #22c55e | 1.1 |
#00c2ff | #f59e0b | 1.03 |
#00c2ff | #ef4444 | 1.82 |
#00c2ff | #9aa4b2 | 1.22 |
#00c2ff | #f8fafc | 1.97 |
#22c55e | #f59e0b | 1.06 |
Bildpalette JavaScript React Motion UI Kit Analytics Dashboard AI png
Palette exportieren
Laden Sie die "JavaScript React Motion UI Kit Analytics Dashboard AI" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: