Creato a 06/09/2025 17:09
Web Accessibility Spectrum Kit
- Readable Cyan#00ced1
- Error Orange#ff6f00
- Focus Blue#2962ff
- Label Gray#9e9e9e
- Surface Light#f5f5f5
- Caption Black#212121
- Toggle Pink#ffb6c1
La tavolozza è composta da Leggero, Semi scuro, Buio colori. Colori accentati Readable Cyan #00ced1 e Toggle Pink #ffb6c1. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #212121 (più scuro) a #F5F5F5 (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).
Note calde e fredde sono abbastanza bilanciate.
Codici HEX (ordinati): #00CED1, #212121, #2962FF, #9E9E9E, #F5F5F5, #FF6F00, #FFB6C1
La tavolozza Web Accessibility Spectrum Kit ha una combinazione di colori dei codici 7:
ESADECIMALE: #00ced1, RGB: (0, 206, 209); ESADECIMALE: #ff6f00, RGB: (255, 111, 0); ESADECIMALE: #2962ff, RGB: (41, 98, 255)
ESADECIMALE: #9e9e9e, RGB: (158, 158, 158); ESADECIMALE: #f5f5f5, RGB: (245, 245, 245); ESADECIMALE: #212121, RGB: (33, 33, 33)
ESADECIMALE: #ffb6c1, RGB: (255, 182, 193)
Versione semplificata della tavolozza dei colori
Ombra di chocolate, Tonalità di royalblue, Tonalità di darkgrey, Ombra di Nero
La combinazione di colori è stata creata da colorscheme
Codici colori nella tavolozza
Web Accessibility Spectrum Kit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #00ced1 | #00ced1 | RGB(0, 206, 209) | Readable Cyan | Jade Glass |
| #ff6f00 | #ff6f00 | RGB(255, 111, 0) | Error Orange | — |
| #2962ff | #2962ff | RGB(41, 98, 255) | Focus Blue | — |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | Label Gray | Gray62 |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Surface Light | White Smoke |
| #212121 | #212121 | RGB(33, 33, 33) | Caption Black | Lead |
| #ffb6c1 | #ffb6c1 | RGB(255, 182, 193) | Toggle Pink | Matt Pink |
Contrasto della palette di colori
10 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 |
#00ced1 | #ff6f00 | 1.42 |
#00ced1 | #9e9e9e | 1.37 |
#00ced1 | #f5f5f5 | 1.79 |
#00ced1 | #ffb6c1 | 1.18 |
#ff6f00 | #2962ff | 1.75 |
#ff6f00 | #9e9e9e | 1.04 |
Tavolozza immagini Web Accessibility Spectrum Kit png
Esporta tavolozza
Scarica la "Web Accessibility Spectrum Kit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: