Loading...
Creato a 07/11/2025 16:42
Cognitive UI Layer Framework
- Symbolic Sage#c1dab0
- Inference Graphite#4b4e6d
- Cognitive Sky#a2d2ff
- Feature Space Pink#ffb5a7
- Reasoning Cream#fff5e4
- Node Taupe#d8b6a4
La tavolozza è composta da Leggero colori. Colori accentati Cognitive Sky #a2d2ff e Reasoning Cream #fff5e4. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #4B4E6D (più scuro) a #FFF5E4 (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).
Note calde e fredde sono abbastanza bilanciate.
Codici HEX (ordinati): #4B4E6D, #A2D2FF, #C1DAB0, #D8B6A4, #FFB5A7, #FFF5E4
La tavolozza Cognitive UI Layer Framework ha una combinazione di colori dei codici 6:
ESADECIMALE: #c1dab0, RGB: (193, 218, 176); ESADECIMALE: #4b4e6d, RGB: (75, 78, 109); ESADECIMALE: #a2d2ff, RGB: (162, 210, 255)
ESADECIMALE: #ffb5a7, RGB: (255, 181, 167); ESADECIMALE: #fff5e4, RGB: (255, 245, 228); ESADECIMALE: #d8b6a4, RGB: (216, 182, 164)
Versione semplificata della tavolozza dei colori
Ombra di darkseagreen, Ombra di darkslateblue, Ombra di lightskyblue, Ombra di darksalmon, Ombra di oldlace, Ombra di tan
La combinazione di colori è stata creata da bad_colors
Codici colori nella tavolozza
Cognitive UI Layer Framework codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #c1dab0 | #c1dab0 | RGB(193, 218, 176) | Symbolic Sage | — |
| #4b4e6d | #4b4e6d | RGB(75, 78, 109) | Inference Graphite | — |
| #a2d2ff | #a2d2ff | RGB(162, 210, 255) | Cognitive Sky | — |
| #ffb5a7 | #ffb5a7 | RGB(255, 181, 167) | Feature Space Pink | — |
| #fff5e4 | #fff5e4 | RGB(255, 245, 228) | Reasoning Cream | Silky Tofu |
| #d8b6a4 | #d8b6a4 | RGB(216, 182, 164) | Node Taupe | — |
Contrasto della palette di colori
10 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 |
#c1dab0 | #a2d2ff | 1.05 |
#c1dab0 | #ffb5a7 | 1.12 |
#c1dab0 | #fff5e4 | 1.39 |
#c1dab0 | #d8b6a4 | 1.24 |
#a2d2ff | #ffb5a7 | 1.06 |
#a2d2ff | #fff5e4 | 1.47 |
Tavolozza immagini Cognitive UI Layer Framework png
Esporta tavolozza
Scarica la "Cognitive UI Layer Framework" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: