Hergestellt in 06/22/2025 07:11
Component Library Harmony Kit
- Base Cream#fff8e1
- UI Steel#5e6472
- Interaction Aqua#88e1f2
- Accent Plum#8d6a9f
- State Orange#ffa07a
- Outline Slate#bcccdc
- Surface White#ffffff
Die Palette besteht aus Licht, Halbdunkel-Farben. Akzentfarben Base Cream #fff8e1 und Interaction Aqua #88e1f2. Palette hat Farbtemperatur Neutral, Kalt, Warm.
Nach Helligkeit reicht diese Palette von #5E6472 (dunkelstes) bis #FFFFFF (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): #5E6472, #88E1F2, #8D6A9F, #BCCCDC, #FFA07A, #FFF8E1, #FFFFFF
Die Palette Component Library Harmony Kit enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #fff8e1, RGB: (255, 248, 225); VERHEXEN: #5e6472, RGB: (94, 100, 114); VERHEXEN: #88e1f2, RGB: (136, 225, 242)
VERHEXEN: #8d6a9f, RGB: (141, 106, 159); VERHEXEN: #ffa07a, RGB: (255, 160, 122); VERHEXEN: #bcccdc, RGB: (188, 204, 220)
VERHEXEN: #ffffff, RGB: (255, 255, 255)
Vereinfachte Version der Palettenfarben
Schatten von cornsilk, Farbton von dimgrey, Farbton von powderblue, Farbton von mediumpurple, Schatten von lightsteelblue, Weiss
Farbschema wurde erstellt von colorstudio
Farbcodes in der Palette
Component Library Harmony Kit Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #fff8e1 | #fff8e1 | RGB(255, 248, 225) | Base Cream | Still Morning |
| #5e6472 | #5e6472 | RGB(94, 100, 114) | UI Steel | — |
| #88e1f2 | #88e1f2 | RGB(136, 225, 242) | Interaction Aqua | — |
| #8d6a9f | #8d6a9f | RGB(141, 106, 159) | Accent Plum | — |
| #ffa07a | #ffa07a | RGB(255, 160, 122) | State Orange | Dwarven Flesh |
| #bcccdc | #bcccdc | RGB(188, 204, 220) | Outline Slate | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Surface White | White |
Farbpalette Kontrast
11 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#fff8e1 | #88e1f2 | 1.4 |
#fff8e1 | #ffa07a | 1.87 |
#fff8e1 | #bcccdc | 1.54 |
#fff8e1 | #ffffff | 1.06 |
#5e6472 | #8d6a9f | 1.32 |
#88e1f2 | #ffa07a | 1.33 |
Bildpalette Component Library Harmony Kit png
Palette exportieren
Laden Sie die "Component Library Harmony Kit" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: