UI Component Library Spectrum
- Button Blue#2962ff
- Input Field Gray#b0bec5
- Tooltip Yellow#ffd54f
- Modal Backdrop Black#212121
- Success Green#4caf50
- Error Red#f44336
- Disabled Light Gray#cfd8dc
Erstellt am 06/10/2025 09:47
Die Palette besteht aus Halbdunkel, Hell, Dunkel-Farben. Akzentfarben Button Blue #2962ff und Tooltip Yellow #ffd54f. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Nach Helligkeit reicht diese Palette von #212121 (dunkelstes) bis #FFD54F (hellstes). Die Helligkeitsspanne ist groß.
Die Sättigung ist gemischt — 3 gedämpfte und 3 lebhafte von 7 Farben.
Einige Farben liegen sich auf dem Farbkreis etwa gegenüber und geben der Palette einen Komplementärkontrast.
In der Gesamttemperatur neigen die Felder zur kalten Seite (4 von 7).
HEX-Codes (sortiert): #212121, #2962FF, #4CAF50, #B0BEC5, #CFD8DC, #F44336, #FFD54F
Die Palette UI Component Library Spectrum kombiniert 7 Farbcodes:
HEX: #2962ff, RGB: (41, 98, 255); HEX: #b0bec5, RGB: (176, 190, 197); HEX: #ffd54f, RGB: (255, 213, 79)
HEX: #212121, RGB: (33, 33, 33); HEX: #4caf50, RGB: (76, 175, 80); HEX: #f44336, RGB: (244, 67, 54)
HEX: #cfd8dc, RGB: (207, 216, 220)
Vereinfachte Version der Palettenfarben
Schattierung von Königsblau, Schattierung von Silber, Aufhellung von Gold, Aufhellung von Schwarz, Schattierung von Mittleres Seegrün, Schattierung von Tomate, Aufhellung von Hellgrau
Farbschema wurde erstellt von colorscheme
Farbcodes in der Palette
UI Component Library Spectrum Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | HEX | RGB | Name | alternativer Name |
|---|---|---|---|---|
| #2962ff | #2962ff | RGB(41, 98, 255) | Button Blue | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Input Field Gray | Ocean Drive |
| #ffd54f | #ffd54f | RGB(255, 213, 79) | Tooltip Yellow | — |
| #212121 | #212121 | RGB(33, 33, 33) | Modal Backdrop Black | Lead |
| #4caf50 | #4caf50 | RGB(76, 175, 80) | Success Green | — |
| #f44336 | #f44336 | RGB(244, 67, 54) | Error Red | — |
| #cfd8dc | #cfd8dc | RGB(207, 216, 220) | Disabled Light Gray | — |
Farbpalette Kontrast
10 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Textfarbe | Hintergrundfarbe | Kontrastverhältnis |
|---|---|---|
#2962ff | #4caf50 | 1.76 |
#2962ff | #f44336 | 1.33 |
#b0bec5 | #ffd54f | 1.35 |
#b0bec5 | #4caf50 | 1.45 |
#b0bec5 | #f44336 | 1.93 |
#b0bec5 | #cfd8dc | 1.31 |
Bildpalette UI Component Library Spectrum png
Palette exportieren
Laden Sie die "UI Component Library Spectrum" in mehreren Formaten herunter, um sie nahtlos in Ihre Designprojekte zu integrieren.
Verfügbare Formate: