Creato a 07/06/2025 08:44
Cognitive UI System Scaffold
- Flowchart Cream#f7f6f3
- Synapse Lilac#cdb4db
- Trace Blue#8ecae6
- Stimulus Gray#9e9e9e
- Action Coral#ff7e6b
- Contrast Deep Black#1a1b1f
La tavolozza è composta da Leggero, Buio colori. Colori accentati Trace Blue #8ecae6 e Action Coral #ff7e6b. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #1A1B1F (più scuro) a #F7F6F3 (più chiaro). L’intervallo di luminosità è ampio.
Saturazione mista — alcuni campioni smorzati e accenti più vivaci.
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): #1A1B1F, #8ECAE6, #9E9E9E, #CDB4DB, #F7F6F3, #FF7E6B
La tavolozza Cognitive UI System Scaffold ha una combinazione di colori dei codici 6:
ESADECIMALE: #f7f6f3, RGB: (247, 246, 243); ESADECIMALE: #cdb4db, RGB: (205, 180, 219); ESADECIMALE: #8ecae6, RGB: (142, 202, 230)
ESADECIMALE: #9e9e9e, RGB: (158, 158, 158); ESADECIMALE: #ff7e6b, RGB: (255, 126, 107); ESADECIMALE: #1a1b1f, RGB: (26, 27, 31)
Versione semplificata della tavolozza dei colori
Ombra di whitesmoke, Tonalità di thistle, Tonalità di skyblue, Tonalità di darkgrey, Tonalità di salmon, Ombra di Nero
La combinazione di colori è stata creata da hex
Codici colori nella tavolozza
Cognitive UI System Scaffold codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #f7f6f3 | #f7f6f3 | RGB(247, 246, 243) | Flowchart Cream | — |
| #cdb4db | #cdb4db | RGB(205, 180, 219) | Synapse Lilac | — |
| #8ecae6 | #8ecae6 | RGB(142, 202, 230) | Trace Blue | — |
| #9e9e9e | #9e9e9e | RGB(158, 158, 158) | Stimulus Gray | Gray62 |
| #ff7e6b | #ff7e6b | RGB(255, 126, 107) | Action Coral | — |
| #1a1b1f | #1a1b1f | RGB(26, 27, 31) | Contrast Deep Black | — |
Contrasto della palette di colori
8 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 |
#f7f6f3 | #cdb4db | 1.74 |
#f7f6f3 | #8ecae6 | 1.65 |
#cdb4db | #8ecae6 | 1.05 |
#cdb4db | #9e9e9e | 1.42 |
#cdb4db | #ff7e6b | 1.31 |
#8ecae6 | #9e9e9e | 1.49 |
Tavolozza immagini Cognitive UI System Scaffold png
Esporta tavolozza
Scarica la "Cognitive UI System Scaffold" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: