Hergestellt in 04/15/2026 11:36
AI Assisted Full Stack React TypeScript Design System Toolkit
- Stack Night#0d1117
- React Sky#61dafb
- TS Indigo#3178c6
- Hook Green#2dd4bf
- State Amber#fbbf24
- Error Rose#fb7185
- Surface Gray#9aa4b2
- Base White#f8fafc
Die Palette besteht aus Dunkel, Licht-Farben. Akzentfarben React Sky #61dafb und State Amber #fbbf24. Palette hat Farbtemperatur Neutral, Kalt, Warm.
Nach Helligkeit reicht diese Palette von #0D1117 (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): #0D1117, #2DD4BF, #3178C6, #61DAFB, #9AA4B2, #F8FAFC, #FB7185, #FBBF24
Die Palette AI Assisted Full Stack React TypeScript Design System Toolkit enthält eine Kombination aus 8-Codefarben:
VERHEXEN: #0d1117, RGB: (13, 17, 23); VERHEXEN: #61dafb, RGB: (97, 218, 251); VERHEXEN: #3178c6, RGB: (49, 120, 198)
VERHEXEN: #2dd4bf, RGB: (45, 212, 191); VERHEXEN: #fbbf24, RGB: (251, 191, 36); VERHEXEN: #fb7185, RGB: (251, 113, 133)
VERHEXEN: #9aa4b2, RGB: (154, 164, 178); VERHEXEN: #f8fafc, RGB: (248, 250, 252)
Vereinfachte Version der Palettenfarben
Schatten von Schwarz, Farbton von skyblue, Farbton von steelblue, Farbton von turquoise, Schatten von goldenrod, Farbton von lightcoral, Farbton von darkgrey, Schatten von whitesmoke
Farbschema wurde erstellt von colorslib
Farbcodes in der Palette
AI Assisted Full Stack React TypeScript Design System Toolkit Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #0d1117 | #0d1117 | RGB(13, 17, 23) | Stack Night | — |
| #61dafb | #61dafb | RGB(97, 218, 251) | React Sky | — |
| #3178c6 | #3178c6 | RGB(49, 120, 198) | TS Indigo | — |
| #2dd4bf | #2dd4bf | RGB(45, 212, 191) | Hook Green | — |
| #fbbf24 | #fbbf24 | RGB(251, 191, 36) | State Amber | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Error Rose | — |
| #9aa4b2 | #9aa4b2 | RGB(154, 164, 178) | Surface Gray | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Base White | — |
Farbpalette Kontrast
15 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#61dafb | #2dd4bf | 1.14 |
#61dafb | #fbbf24 | 1.02 |
#61dafb | #fb7185 | 1.65 |
#61dafb | #9aa4b2 | 1.55 |
#61dafb | #f8fafc | 1.55 |
#3178c6 | #fb7185 | 1.68 |
Bildpalette AI Assisted Full Stack React TypeScript Design System Toolkit png
Palette exportieren
Laden Sie die "AI Assisted Full Stack React TypeScript Design System Toolkit" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: