Creato a 09/10/2025 11:20
Web Components Cognitive Spectrum
Template Blue
#3a86ff
Slot Violet
#9b5de5
Shadow DOM Gray
#adb5bd
Custom Tag Coral
#ff6f61
Render White
#f9f9f9
Attribute Black
#121212
La tavolozza è composta da Leggero, Buio colori. Colori accentati Template Blue #3a86ff e Custom Tag Coral #ff6f61. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
La tavolozza Web Components Cognitive Spectrum ha una combinazione di colori dei codici 6:
ESADECIMALE: #3a86ff, RGB: (58, 134, 255); ESADECIMALE: #9b5de5, RGB: (155, 93, 229); ESADECIMALE: #adb5bd, RGB: (173, 181, 189)
ESADECIMALE: #ff6f61, RGB: (255, 111, 97); ESADECIMALE: #f9f9f9, RGB: (249, 249, 249); ESADECIMALE: #121212, RGB: (18, 18, 18)
Versione semplificata della tavolozza dei colori
Ombra di dodgerblue, Tonalità di mediumpurple, Ombra di darkgrey, Tonalità di salmon, Ombra di whitesmoke, Ombra di Nero
La combinazione di colori è stata creata da colourlock
Codici colori nella tavolozza
Web Components Cognitive Spectrum codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #3a86ff | #3a86ff | RGB(58, 134, 255) | Template Blue | — |
| #9b5de5 | #9b5de5 | RGB(155, 93, 229) | Slot Violet | — |
| #adb5bd | #adb5bd | RGB(173, 181, 189) | Shadow DOM Gray | — |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Custom Tag Coral | Living Coral |
| #f9f9f9 | #f9f9f9 | RGB(249, 249, 249) | Render White | Doctor |
| #121212 | #121212 | RGB(18, 18, 18) | Attribute Black | Dark Tone Ink |
Contrasto della palette di colori
7 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 |
#3a86ff | #9b5de5 | 1.18 |
#3a86ff | #adb5bd | 1.67 |
#3a86ff | #ff6f61 | 1.27 |
#9b5de5 | #adb5bd | 1.98 |
#9b5de5 | #ff6f61 | 1.51 |
#adb5bd | #ff6f61 | 1.31 |
