Accessible Design Sprint UI
- Sticky Note Yellow#ffe066
- Empathy Map Blue#009ddc
- Problem Space Plum#6a0572
- Ideation Coral#f76c5e
- Prototype Ivory#fff5ec
- Feedback Grey#cccccc
Creato il 07/11/2025 10:12
La tavolozza è composta da Chiaro, Scuro colori. Colori d'accento Empathy Map Blue #009ddc e Prototype Ivory #fff5ec. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.
Per luminosità, la tavolozza va da #6A0572 (più scuro) a #FFF5EC (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto) — il 83% dei colori è vivido.
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): #009DDC, #6A0572, #CCCCCC, #F76C5E, #FFE066, #FFF5EC
La tavolozza Accessible Design Sprint UI combina 6 codici colore:
HEX: #ffe066, RGB: (255, 224, 102); HEX: #009ddc, RGB: (0, 157, 220); HEX: #6a0572, RGB: (106, 5, 114)
HEX: #f76c5e, RGB: (247, 108, 94); HEX: #fff5ec, RGB: (255, 245, 236); HEX: #cccccc, RGB: (204, 204, 204)
Versione semplificata della tavolozza dei colori
Tinta di Oro, Sfumatura di Blu Dodger, Sfumatura di Viola, Sfumatura di Salmone, Sfumatura di Conchiglia, Sfumatura di Grigio chiaro
La combinazione di colori è stata creata da colorday
Codici colori nella tavolozza
Accessible Design Sprint UI codici colore HEX, informazioni RGB in tabella
| Colore | HEX | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Sticky Note Yellow | — |
| #009ddc | #009ddc | RGB(0, 157, 220) | Empathy Map Blue | — |
| #6a0572 | #6a0572 | RGB(106, 5, 114) | Problem Space Plum | — |
| #f76c5e | #f76c5e | RGB(247, 108, 94) | Ideation Coral | — |
| #fff5ec | #fff5ec | RGB(255, 245, 236) | Prototype Ivory | — |
| #cccccc | #cccccc | RGB(204, 204, 204) | Feedback Grey | Cerebral Grey |
Contrasto della palette di colori
6 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 |
|---|---|---|
#ffe066 | #fff5ec | 1.21 |
#ffe066 | #cccccc | 1.23 |
#009ddc | #f76c5e | 1.05 |
#009ddc | #cccccc | 1.9 |
#f76c5e | #cccccc | 1.8 |
#fff5ec | #cccccc | 1.49 |
Tavolozza immagini Accessible Design Sprint UI png
Esporta tavolozza
Scarica la "Accessible Design Sprint UI" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: