Hergestellt in 06/20/2025 07:42
Component-Based Design Stack
- Atomic Violet#a992ff
- Reusable Cream#fffaf1
- System Slate#3a3d46
- Token Blush#fdbacb
- Layered Teal#00c4b4
- Pattern Gray#c4c6cf
Die Palette besteht aus Licht-Farben. Akzentfarben Atomic Violet #a992ff und Reusable Cream #fffaf1. Palette hat Farbtemperatur Kalt, Neutral, Warm.
Nach Helligkeit reicht diese Palette von #3A3D46 (dunkelstes) bis #FFFAF1 (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): #00C4B4, #3A3D46, #A992FF, #C4C6CF, #FDBACB, #FFFAF1
Die Palette Component-Based Design Stack enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #a992ff, RGB: (169, 146, 255); VERHEXEN: #fffaf1, RGB: (255, 250, 241); VERHEXEN: #3a3d46, RGB: (58, 61, 70)
VERHEXEN: #fdbacb, RGB: (253, 186, 203); VERHEXEN: #00c4b4, RGB: (0, 196, 180); VERHEXEN: #c4c6cf, RGB: (196, 198, 207)
Vereinfachte Version der Palettenfarben
Schatten von mediumpurple, Schatten von floralwhite, Farbton von darkslategrey, Farbton von Rosa, Schatten von lightseagreen, Schatten von Silber
Farbschema wurde erstellt von colorhunt
Farbcodes in der Palette
Component-Based Design Stack Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #a992ff | #a992ff | RGB(169, 146, 255) | Atomic Violet | — |
| #fffaf1 | #fffaf1 | RGB(255, 250, 241) | Reusable Cream | — |
| #3a3d46 | #3a3d46 | RGB(58, 61, 70) | System Slate | — |
| #fdbacb | #fdbacb | RGB(253, 186, 203) | Token Blush | — |
| #00c4b4 | #00c4b4 | RGB(0, 196, 180) | Layered Teal | — |
| #c4c6cf | #c4c6cf | RGB(196, 198, 207) | Pattern Gray | — |
Farbpalette Kontrast
8 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#a992ff | #fdbacb | 1.58 |
#a992ff | #00c4b4 | 1.15 |
#a992ff | #c4c6cf | 1.49 |
#fffaf1 | #fdbacb | 1.54 |
#fffaf1 | #c4c6cf | 1.63 |
#fdbacb | #00c4b4 | 1.36 |
Bildpalette Component-Based Design Stack png
Palette exportieren
Laden Sie die "Component-Based Design Stack" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate:
