Hergestellt in 06/19/2025 20:50
Next.js Performance UI Canvas
SSR Navy
#1c2b36
Hydrate White
#fdfdfd
Turbo Teal
#00c9b1
Lazyload Lemon
#fff89a
Pageview Pink
#fbb1bd
Component Chrome
#d8dee9
Die Palette besteht aus Dunkel, Licht-Farben. Akzentfarben SSR Navy #1c2b36 und Lazyload Lemon #fff89a. Palette hat Farbtemperatur Kalt, Neutral, Warm.
Die Palette Next.js Performance UI Canvas enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #1c2b36, RGB: (28, 43, 54); VERHEXEN: #fdfdfd, RGB: (253, 253, 253); VERHEXEN: #00c9b1, RGB: (0, 201, 177)
VERHEXEN: #fff89a, RGB: (255, 248, 154); VERHEXEN: #fbb1bd, RGB: (251, 177, 189); VERHEXEN: #d8dee9, RGB: (216, 222, 233)
Vereinfachte Version der Palettenfarben
Schatten von midnightblue, Farbton von Weiss, Farbton von turquoise, Schatten von Khaki, Farbton von lightpink, Schatten von gainsboro
Farbschema wurde erstellt von colorday
Farbcodes in der Palette
Next.js Performance UI Canvas Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #1c2b36 | #1c2b36 | RGB(28, 43, 54) | SSR Navy | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Hydrate White | Brilliance |
| #00c9b1 | #00c9b1 | RGB(0, 201, 177) | Turbo Teal | — |
| #fff89a | #fff89a | RGB(255, 248, 154) | Lazyload Lemon | — |
| #fbb1bd | #fbb1bd | RGB(251, 177, 189) | Pageview Pink | — |
| #d8dee9 | #d8dee9 | RGB(216, 222, 233) | Component Chrome | — |
Farbpalette Kontrast
9 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#fdfdfd | #fff89a | 1.07 |
#fdfdfd | #fbb1bd | 1.7 |
#fdfdfd | #d8dee9 | 1.32 |
#00c9b1 | #fff89a | 1.91 |
#00c9b1 | #fbb1bd | 1.21 |
#00c9b1 | #d8dee9 | 1.55 |
