Hergestellt in 07/05/2025 13:16
Lightweight UI Framework Layers
- Minimalist Linen#fff8f0
- Z-Index Shadow Gray#c1c1c1
- Inline Aqua#aff8db
- Hover Flame#ff715b
- Nested Violet#a29bfe
Die Palette besteht aus Licht-Farben. Akzentfarben Minimalist Linen #fff8f0 und Nested Violet #a29bfe. Palette hat Farbtemperatur Neutral, Kalt, Warm.
Nach Helligkeit reicht diese Palette von #FF715B (dunkelstes) bis #FFF8F0 (hellstes). Die Helligkeitsspanne ist moderat.
Die Sättigung wirkt insgesamt lebhaft (höhere Chroma) — 80% der Farben sind lebhaft.
Manche Farbton-Paare liegen nahe Komplementärpositionen — kann wie Komplementärkontrast wirken (heuristisch).
In der Gesamttemperatur neigen die Felder zur kalten Seite (2 von 5).
HEX-Codes (sortiert): #A29BFE, #AFF8DB, #C1C1C1, #FF715B, #FFF8F0
Die Palette Lightweight UI Framework Layers enthält eine Kombination aus 5-Codefarben:
VERHEXEN: #fff8f0, RGB: (255, 248, 240); VERHEXEN: #c1c1c1, RGB: (193, 193, 193); VERHEXEN: #aff8db, RGB: (175, 248, 219)
VERHEXEN: #ff715b, RGB: (255, 113, 91); VERHEXEN: #a29bfe, RGB: (162, 155, 254)
Vereinfachte Version der Palettenfarben
Farbton von floralwhite, Schatten von Silber, Schatten von aquamarine, Schatten von tomato, Farbton von lightsteelblue
Farbschema wurde erstellt von colourlock
Farbcodes in der Palette
Lightweight UI Framework Layers Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #fff8f0 | #fff8f0 | RGB(255, 248, 240) | Minimalist Linen | — |
| #c1c1c1 | #c1c1c1 | RGB(193, 193, 193) | Z-Index Shadow Gray | Stonewall Grey |
| #aff8db | #aff8db | RGB(175, 248, 219) | Inline Aqua | — |
| #ff715b | #ff715b | RGB(255, 113, 91) | Hover Flame | — |
| #a29bfe | #a29bfe | RGB(162, 155, 254) | Nested Violet | — |
Farbpalette Kontrast
7 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
|---|---|---|
#fff8f0 | #c1c1c1 | 1.7 |
#fff8f0 | #aff8db | 1.15 |
#c1c1c1 | #aff8db | 1.48 |
#c1c1c1 | #ff715b | 1.5 |
#c1c1c1 | #a29bfe | 1.34 |
#aff8db | #a29bfe | 1.99 |
Bildpalette Lightweight UI Framework Layers png
Palette exportieren
Laden Sie die "Lightweight UI Framework Layers" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: