Hergestellt in 06/26/2025 08:26
Interactive UI Elements Library
- Hover Blue#3b82f6
- Focus Mint#34d399
- Press Charcoal#1f2937
- Disabled Fog#e5e7eb
- Active Apricot#fdba74
- Shadow Indigo#6366f1
- Ripple Rose#f9a8d4
Die Palette besteht aus Licht, Dunkel-Farben. Akzentfarben Hover Blue #3b82f6 und Active Apricot #fdba74. Palette hat Farbtemperatur Kalt, Neutral, Warm.
Nach Helligkeit reicht diese Palette von #1F2937 (dunkelstes) bis #E5E7EB (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): #1F2937, #34D399, #3B82F6, #6366F1, #E5E7EB, #F9A8D4, #FDBA74
Die Palette Interactive UI Elements Library enthält eine Kombination aus 7-Codefarben:
VERHEXEN: #3b82f6, RGB: (59, 130, 246); VERHEXEN: #34d399, RGB: (52, 211, 153); VERHEXEN: #1f2937, RGB: (31, 41, 55)
VERHEXEN: #e5e7eb, RGB: (229, 231, 235); VERHEXEN: #fdba74, RGB: (253, 186, 116); VERHEXEN: #6366f1, RGB: (99, 102, 241)
VERHEXEN: #f9a8d4, RGB: (249, 168, 212)
Vereinfachte Version der Palettenfarben
Farbton von dodgerblue, Farbton von mediumaquamarine, Schatten von Schwarz, Schatten von gainsboro, Schatten von sandybrown, Farbton von mediumslateblue, Schatten von plum
Farbschema wurde erstellt von colorday
Farbcodes in der Palette
Interactive UI Elements Library Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #3b82f6 | #3b82f6 | RGB(59, 130, 246) | Hover Blue | — |
| #34d399 | #34d399 | RGB(52, 211, 153) | Focus Mint | — |
| #1f2937 | #1f2937 | RGB(31, 41, 55) | Press Charcoal | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Disabled Fog | — |
| #fdba74 | #fdba74 | RGB(253, 186, 116) | Active Apricot | — |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Shadow Indigo | — |
| #f9a8d4 | #f9a8d4 | RGB(249, 168, 212) | Ripple Rose | — |
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 |
#3b82f6 | #34d399 | 1.91 |
#3b82f6 | #6366f1 | 1.21 |
#34d399 | #e5e7eb | 1.55 |
#34d399 | #fdba74 | 1.13 |
#34d399 | #f9a8d4 | 1.06 |
#e5e7eb | #fdba74 | 1.36 |
Bildpalette Interactive UI Elements Library png
Palette exportieren
Laden Sie die "Interactive UI Elements Library" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: