Hergestellt in 06/06/2025 10:59
Vue Crystal UI Grid
- Directive Polar Mint#dfffd6
- Component Twilight Plum#845ec2
- Transition Vanilla#fff9e3
- State Fog Blue#a1c6ea
- Slot Graphite Night#1f1f1f
- SingleFile Nectar Pink#ffcad4
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Transition Vanilla #fff9e3 und State Fog Blue #a1c6ea. Palette hat Farbtemperatur Neutral, Kalt.
Nach Helligkeit reicht diese Palette von #1F1F1F (dunkelstes) bis #FFF9E3 (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).
Die meisten Felder wirken neutral in der Farbtemperatur.
HEX-Codes (sortiert): #1F1F1F, #845EC2, #A1C6EA, #DFFFD6, #FFCAD4, #FFF9E3
Die Palette Vue Crystal UI Grid enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #dfffd6, RGB: (223, 255, 214); VERHEXEN: #845ec2, RGB: (132, 94, 194); VERHEXEN: #fff9e3, RGB: (255, 249, 227)
VERHEXEN: #a1c6ea, RGB: (161, 198, 234); VERHEXEN: #1f1f1f, RGB: (31, 31, 31); VERHEXEN: #ffcad4, RGB: (255, 202, 212)
Vereinfachte Version der Palettenfarben
Farbton von honeydew, Schatten von slateblue, Schatten von cornsilk, Farbton von lightsteelblue, Schatten von Schwarz, Schatten von Rosa
Farbschema wurde erstellt von palettespicker
Farbcodes in der Palette
Vue Crystal UI Grid Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #dfffd6 | #dfffd6 | RGB(223, 255, 214) | Directive Polar Mint | — |
| #845ec2 | #845ec2 | RGB(132, 94, 194) | Component Twilight Plum | — |
| #fff9e3 | #fff9e3 | RGB(255, 249, 227) | Transition Vanilla | — |
| #a1c6ea | #a1c6ea | RGB(161, 198, 234) | State Fog Blue | — |
| #1f1f1f | #1f1f1f | RGB(31, 31, 31) | Slot Graphite Night | Gray12 |
| #ffcad4 | #ffcad4 | RGB(255, 202, 212) | SingleFile Nectar Pink | — |
Farbpalette Kontrast
6 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#dfffd6 | #fff9e3 | 1.02 |
#dfffd6 | #a1c6ea | 1.64 |
#dfffd6 | #ffcad4 | 1.32 |
#fff9e3 | #a1c6ea | 1.69 |
#fff9e3 | #ffcad4 | 1.35 |
#a1c6ea | #ffcad4 | 1.24 |
Bildpalette Vue Crystal UI Grid png
Palette exportieren
Laden Sie die "Vue Crystal UI Grid" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: