Accessibility-first Web Kit
- Text Jet#1a1a1a
- Focus Yellow#ffe066
- Alt Label White#ffffff
- Keyboard Navy#0f172a
- Notify Red#ff4b5c
- Contrast Teal#14b8a6
Creato il 06/12/2025 08:35
La tavolozza è composta da Scuro, Chiaro colori. Colori d'accento Focus Yellow #ffe066 e Contrast Teal #14b8a6. La tavolozza ha la temperatura del colore Neutro, Caldo, Freddo.
Per luminosità, la tavolozza va da #0F172A (più scuro) a #FFFFFF (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — 2 smorzati e 3 vivaci su 6 colori.
Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.
Note calde e fredde sono abbastanza bilanciate (2 calde, 2 fredde).
Codici HEX (ordinati): #0F172A, #14B8A6, #1A1A1A, #FF4B5C, #FFE066, #FFFFFF
La tavolozza Accessibility-first Web Kit combina 6 codici colore:
HEX: #1a1a1a, RGB: (26, 26, 26); HEX: #ffe066, RGB: (255, 224, 102); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #0f172a, RGB: (15, 23, 42); HEX: #ff4b5c, RGB: (255, 75, 92); HEX: #14b8a6, RGB: (20, 184, 166)
Versione semplificata della tavolozza dei colori
Tinta di Nero, Tinta di Oro, Bianco, Tinta di Nero, Tinta di Rosso indiano, Sfumatura di Verde mare chiaro
La combinazione di colori è stata creata da palettespicker
Codici colori nella tavolozza
Accessibility-first Web Kit codici colore HEX, informazioni RGB in tabella
| Colore | HEX | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Text Jet | Gray10 |
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Focus Yellow | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Alt Label White | White |
| #0f172a | #0f172a | RGB(15, 23, 42) | Keyboard Navy | — |
| #ff4b5c | #ff4b5c | RGB(255, 75, 92) | Notify Red | — |
| #14b8a6 | #14b8a6 | RGB(20, 184, 166) | Contrast Teal | — |
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 |
|---|---|---|
#1a1a1a | #0f172a | 1.02 |
#ffe066 | #ffffff | 1.3 |
#ffe066 | #14b8a6 | 1.9 |
#ff4b5c | #14b8a6 | 1.31 |
Tavolozza immagini Accessibility-first Web Kit png
Esporta tavolozza
Scarica la "Accessibility-first Web Kit" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: