Hergestellt in 07/19/2025 07:31
Web Component Styling Library
Shadow DOM Gray
#9ca3af
Slot Yellow
#facc15
Template Cream
#fff7ed
Reactive State Blue
#60a5fa
Custom Element Purple
#a78bfa
Encapsulation White
#f8fafc
Die Palette besteht aus Licht-Farben. Akzentfarben Template Cream #fff7ed und Reactive State Blue #60a5fa. Palette hat Farbtemperatur Kalt, Warm, Neutral.
Die Palette Web Component Styling Library enthält eine Kombination aus 6-Codefarben:
VERHEXEN: #9ca3af, RGB: (156, 163, 175); VERHEXEN: #facc15, RGB: (250, 204, 21); VERHEXEN: #fff7ed, RGB: (255, 247, 237)
VERHEXEN: #60a5fa, RGB: (96, 165, 250); VERHEXEN: #a78bfa, RGB: (167, 139, 250); VERHEXEN: #f8fafc, RGB: (248, 250, 252)
Vereinfachte Version der Palettenfarben
Farbton von darkgrey, Farbton von gold, Farbton von floralwhite, Schatten von cornflowerblue, Schatten von mediumpurple, Schatten von whitesmoke
Farbschema wurde erstellt von colorscheme
Farbcodes in der Palette
Web Component Styling Library Farbcodes HEX, RGB-Informationen in der Tabelle
| Farbe | VERHEXEN | RGB | Name | alternativer Name |
| #9ca3af | #9ca3af | RGB(156, 163, 175) | Shadow DOM Gray | — |
| #facc15 | #facc15 | RGB(250, 204, 21) | Slot Yellow | — |
| #fff7ed | #fff7ed | RGB(255, 247, 237) | Template Cream | Fatback |
| #60a5fa | #60a5fa | RGB(96, 165, 250) | Reactive State Blue | — |
| #a78bfa | #a78bfa | RGB(167, 139, 250) | Custom Element Purple | — |
| #f8fafc | #f8fafc | RGB(248, 250, 252) | Encapsulation White | — |
Farbpalette Kontrast
9 Farbpaare haben einen niedrigen Kontrast und müssen verbessert werden, was die Lesbarkeit beeinträchtigen kann.
| Tekst kleur | Achtergrond kleur | contrast ratio |
#9ca3af | #facc15 | 1.65 |
#9ca3af | #60a5fa | 1 |
#9ca3af | #a78bfa | 1.07 |
#facc15 | #fff7ed | 1.44 |
#facc15 | #60a5fa | 1.66 |
#facc15 | #a78bfa | 1.77 |
