Hergestellt in 06/28/2025 20:12
Data Grid UI Framework
- Row Blue#3b82f6
- Cell Cream#fefce8
- Header Slate#475569
- Sort Mint#6ee7b7
- Filter Coral#fb7185
- Select Fog#f5f5f5
- Overflow Jet#0f172a
Die Palette besteht aus Licht, Halbdunkel, Dunkel-Farben. Akzentfarben Row Blue #3b82f6 und Filter Coral #fb7185. Palette hat Farbtemperatur Kalt, Neutral, Warm.
Nach Helligkeit reicht diese Palette von #0F172A (dunkelstes) bis #F5F5F5 (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): #0F172A, #3B82F6, #475569, #6EE7B7, #F5F5F5, #FB7185, #FEFCE8
Die Palette Data Grid UI Framework enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #3b82f6, RGB: (59, 130, 246); VERHEXEN: #fefce8, RGB: (254, 252, 232); VERHEXEN: #475569, RGB: (71, 85, 105)
VERHEXEN: #6ee7b7, RGB: (110, 231, 183); VERHEXEN: #fb7185, RGB: (251, 113, 133); VERHEXEN: #f5f5f5, RGB: (245, 245, 245)
VERHEXEN: #0f172a, RGB: (15, 23, 42)
Vereinfachte Version der Palettenfarben
Farbton von dodgerblue, Farbton von ivory, Schatten von darkslateblue, Farbton von aquamarine, Farbton von lightcoral, Schatten von Schwarz
Farbschema wurde erstellt von colorstudio
Farbcodes in der Palette
Data Grid UI Framework Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Row Blue | — |
| #fefce8 | #fefce8 | RGB(254, 252, 232) | Cell Cream | — |
| #475569 | #475569 | RGB(71, 85, 105) | Header Slate | — |
| #6ee7b7 | #6ee7b7 | RGB(110, 231, 183) | Sort Mint | — |
| #fb7185 | #fb7185 | RGB(251, 113, 133) | Filter Coral | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Select Fog | White Smoke |
| #0f172a | #0f172a | RGB(15, 23, 42) | Overflow Jet | — |
Farbpalette Kontrast
5 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#3b82f6 | #fb7185 | 1.36 |
#fefce8 | #6ee7b7 | 1.47 |
#fefce8 | #f5f5f5 | 1.05 |
#6ee7b7 | #fb7185 | 1.76 |
#6ee7b7 | #f5f5f5 | 1.39 |
Bildpalette Data Grid UI Framework png
Palette exportieren
Laden Sie die "Data Grid UI Framework" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: