Loading...
Creato a 07/11/2025 16:42
  1

Cognitive UI Layer Framework

  • Symbolic Sage
    #c1dab0
  • Inference Graphite
    #4b4e6d
  • Cognitive Sky
    #a2d2ff
  • Feature Space Pink
    #ffb5a7
  • Reasoning Cream
    #fff5e4
  • Node Taupe
    #d8b6a4
Loading...
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 CreamSilky 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

Loading...
Loading...
Loading...