Hergestellt in 07/14/2025 07:45
Next.js Dashboard Interface Palette
Static Black
#0f0f0f
Page White
#fdfdfd
SSR Indigo
#5c6bc0
Component Grey
#9da5b4
Hook Pink
#fca3b7
Build Lime
#c9f658
Die Palette besteht aus Dunkel, Licht-Farben. Akzentfarben Component Grey #9da5b4 und Hook Pink #fca3b7. Palette hat Farbtemperatur Neutral, Kalt, Warm.
Die Palette Next.js Dashboard Interface Palette enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #0f0f0f, RGB: (15, 15, 15); VERHEXEN: #fdfdfd, RGB: (253, 253, 253); VERHEXEN: #5c6bc0, RGB: (92, 107, 192)
VERHEXEN: #9da5b4, RGB: (157, 165, 180); VERHEXEN: #fca3b7, RGB: (252, 163, 183); VERHEXEN: #c9f658, RGB: (201, 246, 88)
Vereinfachte Version der Palettenfarben
Schatten von Schwarz, Farbton von Weiss, Schatten von royalblue, Farbton von darkgrey, Farbton von lightpink, Schatten von greenyellow
Farbschema wurde erstellt von colourlock
Farbcodes in der Palette
Next.js Dashboard Interface Palette Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #0f0f0f | #0f0f0f | RGB(15, 15, 15) | Static Black | Chaos Black |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Page White | Brilliance |
| #5c6bc0 | #5c6bc0 | RGB(92, 107, 192) | SSR Indigo | — |
| #9da5b4 | #9da5b4 | RGB(157, 165, 180) | Component Grey | — |
| #fca3b7 | #fca3b7 | RGB(252, 163, 183) | Hook Pink | — |
| #c9f658 | #c9f658 | RGB(201, 246, 88) | Build Lime | — |
Farbpalette Kontrast
6 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#fdfdfd | #fca3b7 | 1.86 |
#fdfdfd | #c9f658 | 1.22 |
#5c6bc0 | #9da5b4 | 1.96 |
#9da5b4 | #fca3b7 | 1.3 |
#9da5b4 | #c9f658 | 1.98 |
#fca3b7 | #c9f658 | 1.51 |
