Creato a 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
La tavolozza è composta da Leggero colori. Colori accentati Template Cream #fff7ed e Reactive State Blue #60a5fa. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
La tavolozza Web Component Styling Library ha una combinazione di colori dei codici 6:
ESADECIMALE: #9ca3af, RGB: (156, 163, 175); ESADECIMALE: #facc15, RGB: (250, 204, 21); ESADECIMALE: #fff7ed, RGB: (255, 247, 237)
ESADECIMALE: #60a5fa, RGB: (96, 165, 250); ESADECIMALE: #a78bfa, RGB: (167, 139, 250); ESADECIMALE: #f8fafc, RGB: (248, 250, 252)
Versione semplificata della tavolozza dei colori
Tonalità di darkgrey, Tonalità di gold, Tonalità di floralwhite, Ombra di cornflowerblue, Ombra di mediumpurple, Ombra di whitesmoke
La combinazione di colori è stata creata da colorscheme
Codici colori nella tavolozza
Web Component Styling Library codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #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 | — |
Contrasto della palette di colori
9 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.
| Colore del testo | Colore di sfondo | Rapporto di contrasto |
#9ca3af | #facc15 | 1.65 |
#9ca3af | #60a5fa | 1 |
#9ca3af | #a78bfa | 1.07 |
#facc15 | #fff7ed | 1.44 |
#facc15 | #60a5fa | 1.66 |
#facc15 | #a78bfa | 1.77 |
