Hergestellt in 07/16/2025 20:15
NextJS Themed UI for Developer Tools
Build Gray
#373f51
Fast Refresh Blue
#0070f3
Deploy White
#fafafa
Component Pink
#f7a1c4
Structure Navy
#1c2541
Optimize Green
#00c49a
Die Palette besteht aus Licht, Halbdunkel, Dunkel-Farben. Akzentfarben Component Pink #f7a1c4 und Optimize Green #00c49a. Palette hat Farbtemperatur Kalt, Neutral, Warm.
Die Palette NextJS Themed UI for Developer Tools enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #373f51, RGB: (55, 63, 81); VERHEXEN: #0070f3, RGB: (0, 112, 243); VERHEXEN: #fafafa, RGB: (250, 250, 250)
VERHEXEN: #f7a1c4, RGB: (247, 161, 196); VERHEXEN: #1c2541, RGB: (28, 37, 65); VERHEXEN: #00c49a, RGB: (0, 196, 154)
Vereinfachte Version der Palettenfarben
Farbton von darkslateblue, Farbton von royalblue, Schatten von whitesmoke, Farbton von lightpink, Schatten von midnightblue, Farbton von mediumaquamarine
Farbschema wurde erstellt von hex
Farbcodes in der Palette
NextJS Themed UI for Developer Tools Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #373f51 | #373f51 | RGB(55, 63, 81) | Build Gray | — |
| #0070f3 | #0070f3 | RGB(0, 112, 243) | Fast Refresh Blue | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Deploy White | Dr. White |
| #f7a1c4 | #f7a1c4 | RGB(247, 161, 196) | Component Pink | — |
| #1c2541 | #1c2541 | RGB(28, 37, 65) | Structure Navy | — |
| #00c49a | #00c49a | RGB(0, 196, 154) | Optimize Green | — |
Farbpalette Kontrast
3 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#373f51 | #1c2541 | 1.43 |
#fafafa | #f7a1c4 | 1.85 |
#f7a1c4 | #00c49a | 1.15 |
