Creato a 07/06/2025 08:43
Accessible Hypermedia Toolkit
- Control Orange#ffa07a
- Form Contrast Navy#2f3e46
- Tab Cream#fffdf9
- Focus Indigo#5e60ce
- Text Legible Gray#6b7280
- Touchpoint Aqua#a7ffeb
La tavolozza è composta da Leggero colori. Colori accentati Tab Cream #fffdf9 e Touchpoint Aqua #a7ffeb. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
Per luminosità, la tavolozza va da #2F3E46 (più scuro) a #FFFDF9 (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): #2F3E46, #5E60CE, #6B7280, #A7FFEB, #FFA07A, #FFFDF9
La tavolozza Accessible Hypermedia Toolkit ha una combinazione di colori dei codici 6:
ESADECIMALE: #ffa07a, RGB: (255, 160, 122); ESADECIMALE: #2f3e46, RGB: (47, 62, 70); ESADECIMALE: #fffdf9, RGB: (255, 253, 249)
ESADECIMALE: #5e60ce, RGB: (94, 96, 206); ESADECIMALE: #6b7280, RGB: (107, 114, 128); ESADECIMALE: #a7ffeb, RGB: (167, 255, 235)
Versione semplificata della tavolozza dei colori
Tonalità di darkslategrey, Tonalità di Bianco, Ombra di slateblue, Tonalità di slategrey, Ombra di aquamarine
La combinazione di colori è stata creata da colorslib
Codici colori nella tavolozza
Accessible Hypermedia Toolkit codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #ffa07a | #ffa07a | RGB(255, 160, 122) | Control Orange | Dwarven Flesh |
| #2f3e46 | #2f3e46 | RGB(47, 62, 70) | Form Contrast Navy | — |
| #fffdf9 | #fffdf9 | RGB(255, 253, 249) | Tab Cream | — |
| #5e60ce | #5e60ce | RGB(94, 96, 206) | Focus Indigo | — |
| #6b7280 | #6b7280 | RGB(107, 114, 128) | Text Legible Gray | — |
| #a7ffeb | #a7ffeb | RGB(167, 255, 235) | Touchpoint Aqua | — |
Contrasto della palette di colori
4 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 |
#ffa07a | #fffdf9 | 1.95 |
#ffa07a | #a7ffeb | 1.71 |
#fffdf9 | #a7ffeb | 1.13 |
#5e60ce | #6b7280 | 1.07 |
Tavolozza immagini Accessible Hypermedia Toolkit png
Esporta tavolozza
Scarica la "Accessible Hypermedia Toolkit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: