Creato a 07/28/2025 11:01
Accessible Lightflow Design System
- Keyframe Ivory#fffceb
- Label Graphite#2e2e2e
- Semantic Teal#1fc2a2
- Highlighter Yellow#fee440
- Accessible Sky#cce6ff
- Note Pink#f7d2e3
La tavolozza è composta da Leggero, Buio colori. Colori accentati Keyframe Ivory #fffceb e Accessible Sky #cce6ff. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #2E2E2E (più scuro) a #FFFCEB (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): #1FC2A2, #2E2E2E, #CCE6FF, #F7D2E3, #FEE440, #FFFCEB
La tavolozza Accessible Lightflow Design System ha una combinazione di colori dei codici 6:
ESADECIMALE: #fffceb, RGB: (255, 252, 235); ESADECIMALE: #2e2e2e, RGB: (46, 46, 46); ESADECIMALE: #1fc2a2, RGB: (31, 194, 162)
ESADECIMALE: #fee440, RGB: (254, 228, 64); ESADECIMALE: #cce6ff, RGB: (204, 230, 255); ESADECIMALE: #f7d2e3, RGB: (247, 210, 227)
Versione semplificata della tavolozza dei colori
Tonalità di ivory, Ombra di Nero, Tonalità di mediumaquamarine, Ombra di gold, Ombra di lightsteelblue, Ombra di thistle
La combinazione di colori è stata creata da hex
Codici colori nella tavolozza
Accessible Lightflow Design System codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #fffceb | #fffceb | RGB(255, 252, 235) | Keyframe Ivory | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Label Graphite | Carbon Fiber |
| #1fc2a2 | #1fc2a2 | RGB(31, 194, 162) | Semantic Teal | — |
| #fee440 | #fee440 | RGB(254, 228, 64) | Highlighter Yellow | — |
| #cce6ff | #cce6ff | RGB(204, 230, 255) | Accessible Sky | — |
| #f7d2e3 | #f7d2e3 | RGB(247, 210, 227) | Note Pink | — |
Contrasto della palette di colori
9 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 |
#fffceb | #fee440 | 1.24 |
#fffceb | #cce6ff | 1.24 |
#fffceb | #f7d2e3 | 1.33 |
#1fc2a2 | #fee440 | 1.76 |
#1fc2a2 | #cce6ff | 1.75 |
#1fc2a2 | #f7d2e3 | 1.64 |
Tavolozza immagini Accessible Lightflow Design System png
Esporta tavolozza
Scarica la "Accessible Lightflow Design System" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: