Loading...
Creato a 11/12/2025 15:43
Web Component Color Palette
- Hyperlink Blue#2a5caa
- Component Shadow#e5e5e5
- Glass Panel#bde0ff
- Interface Accent#ff6b6b
- Focus Ring#6666cc
- Hover Effect#3498db
- Canvas Grid#f8f9fa
- Edge Highlight#00c3ff
La tavolozza è composta da Semi scuro, Leggero colori. Colori accentati Glass Panel #bde0ff e Interface Accent #ff6b6b. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #2A5CAA (più scuro) a #F8F9FA (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto).
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #00C3FF, #2A5CAA, #3498DB, #6666CC, #BDE0FF, #E5E5E5, #F8F9FA, #FF6B6B
La tavolozza Web Component Color Palette ha una combinazione di colori dei codici 8:
ESADECIMALE: #2a5caa, RGB: (42, 92, 170); ESADECIMALE: #e5e5e5, RGB: (229, 229, 229); ESADECIMALE: #bde0ff, RGB: (189, 224, 255)
ESADECIMALE: #ff6b6b, RGB: (255, 107, 107); ESADECIMALE: #6666cc, RGB: (102, 102, 204); ESADECIMALE: #3498db, RGB: (52, 152, 219)
ESADECIMALE: #f8f9fa, RGB: (248, 249, 250); ESADECIMALE: #00c3ff, RGB: (0, 195, 255)
Versione semplificata della tavolozza dei colori
Tonalità di royalblue, Ombra di gainsboro, Ombra di lightskyblue, Tonalità di salmon, Ombra di slateblue, Ombra di dodgerblue, Ombra di whitesmoke, Ombra di deepskyblue
La combinazione di colori è stata creata da coolor
Codici colori nella tavolozza
Web Component Color Palette codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #2a5caa | #2a5caa | RGB(42, 92, 170) | Hyperlink Blue | — |
| #e5e5e5 | #e5e5e5 | RGB(229, 229, 229) | Component Shadow | Gray90 |
| #bde0ff | #bde0ff | RGB(189, 224, 255) | Glass Panel | — |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Interface Accent | — |
| #6666cc | #6666cc | RGB(102, 102, 204) | Focus Ring | — |
| #3498db | #3498db | RGB(52, 152, 219) | Hover Effect | — |
| #f8f9fa | #f8f9fa | RGB(248, 249, 250) | Canvas Grid | — |
| #00c3ff | #00c3ff | RGB(0, 195, 255) | Edge Highlight | — |
Contrasto della palette di colori
12 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 |
#2a5caa | #6666cc | 1.35 |
#e5e5e5 | #bde0ff | 1.09 |
#e5e5e5 | #f8f9fa | 1.19 |
#e5e5e5 | #00c3ff | 1.62 |
#bde0ff | #f8f9fa | 1.3 |
#bde0ff | #00c3ff | 1.48 |
Tavolozza immagini Web Component Color Palette png
Esporta tavolozza
Scarica la "Web Component Color Palette" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: