Hergestellt in 06/16/2025 20:02
Minimalist Vue Component Library
- Component Ice#eef6f9
- Bind Coral#ff6f61
- Slot Indigo#7f75ff
- Shadow Card Gray#dde1e7
- Emit Mint#a9fbd7
- Props Night#1e1e1e
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Bind Coral #ff6f61 und Slot Indigo #7f75ff. Palette hat Farbtemperatur Neutral, Warm, Kalt.
Nach Helligkeit reicht diese Palette von #1E1E1E (dunkelstes) bis #EEF6F9 (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung ist gemischt — gedämpfte und lebhafte Farbfelder.
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): #1E1E1E, #7F75FF, #A9FBD7, #DDE1E7, #EEF6F9, #FF6F61
Die Palette Minimalist Vue Component Library enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #eef6f9, RGB: (238, 246, 249); VERHEXEN: #ff6f61, RGB: (255, 111, 97); VERHEXEN: #7f75ff, RGB: (127, 117, 255)
VERHEXEN: #dde1e7, RGB: (221, 225, 231); VERHEXEN: #a9fbd7, RGB: (169, 251, 215); VERHEXEN: #1e1e1e, RGB: (30, 30, 30)
Vereinfachte Version der Palettenfarben
Farbton von aliceblue, Farbton von salmon, Schatten von mediumslateblue, Schatten von gainsboro, Schatten von aquamarine, Schatten von Schwarz
Farbschema wurde erstellt von colorday
Farbcodes in der Palette
Minimalist Vue Component Library Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #eef6f9 | #eef6f9 | RGB(238, 246, 249) | Component Ice | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Bind Coral | Living Coral |
| #7f75ff | #7f75ff | RGB(127, 117, 255) | Slot Indigo | — |
| #dde1e7 | #dde1e7 | RGB(221, 225, 231) | Shadow Card Gray | — |
| #a9fbd7 | #a9fbd7 | RGB(169, 251, 215) | Emit Mint | — |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Props Night | — |
Farbpalette Kontrast
4 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#eef6f9 | #dde1e7 | 1.19 |
#eef6f9 | #a9fbd7 | 1.09 |
#ff6f61 | #7f75ff | 1.3 |
#dde1e7 | #a9fbd7 | 1.09 |
Bildpalette Minimalist Vue Component Library png
Palette exportieren
Laden Sie die "Minimalist Vue Component Library" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: