Hergestellt in 07/11/2025 21:06
Composable UI Architecture Grid
- Element Indigo#6366f1
- Slot Peach#ffd6a5
- Layer Fog#f3f4f6
- Prop Mint#b9fbc0
- Module Graphite#2e2e2e
- Unit Blue#60a5fa
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Slot Peach #ffd6a5 und Unit Blue #60a5fa. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Nach Helligkeit reicht diese Palette von #2E2E2E (dunkelstes) bis #F3F4F6 (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): #2E2E2E, #60A5FA, #6366F1, #B9FBC0, #F3F4F6, #FFD6A5
Die Palette Composable UI Architecture Grid enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #6366f1, RGB: (99, 102, 241); VERHEXEN: #ffd6a5, RGB: (255, 214, 165); VERHEXEN: #f3f4f6, RGB: (243, 244, 246)
VERHEXEN: #b9fbc0, RGB: (185, 251, 192); VERHEXEN: #2e2e2e, RGB: (46, 46, 46); VERHEXEN: #60a5fa, RGB: (96, 165, 250)
Vereinfachte Version der Palettenfarben
Farbton von mediumslateblue, Farbton von navajowhite, Farbton von whitesmoke, Schatten von palegreen, Schatten von Schwarz, Schatten von cornflowerblue
Farbschema wurde erstellt von bad_colors
Farbcodes in der Palette
Composable UI Architecture Grid Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Element Indigo | — |
| #ffd6a5 | #ffd6a5 | RGB(255, 214, 165) | Slot Peach | — |
| #f3f4f6 | #f3f4f6 | RGB(243, 244, 246) | Layer Fog | — |
| #b9fbc0 | #b9fbc0 | RGB(185, 251, 192) | Prop Mint | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Module Graphite | Carbon Fiber |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Unit Blue | — |
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 |
#6366f1 | #60a5fa | 1.75 |
#ffd6a5 | #f3f4f6 | 1.23 |
#ffd6a5 | #b9fbc0 | 1.14 |
#ffd6a5 | #60a5fa | 1.86 |
#f3f4f6 | #b9fbc0 | 1.08 |
Bildpalette Composable UI Architecture Grid png
Palette exportieren
Laden Sie die "Composable UI Architecture Grid" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: