Creato a 05/30/2020 20:00
  0.24k

Ux design class education colors

  • #608be4
  • #f9fa92
  • #133171
  • #a8aa5e
  • #c8a5a5
  • #555555
Loading...
La tavolozza è composta da Leggero, Buio, Semi scuro colori. Colori accentati #f9fa92 e #133171. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.

Per luminosità, la tavolozza va da #133171 (più scuro) a #F9FA92 (più chiaro). L’intervallo di luminosità è moderato.

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): #133171, #555555, #608BE4, #A8AA5E, #C8A5A5, #F9FA92

La tavolozza Ux design class education colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #608be4, RGB: (96, 139, 228); ESADECIMALE: #f9fa92, RGB: (249, 250, 146); ESADECIMALE: #133171, RGB: (19, 49, 113)
ESADECIMALE: #a8aa5e, RGB: (168, 170, 94); ESADECIMALE: #c8a5a5, RGB: (200, 165, 165); ESADECIMALE: #555555, RGB: (85, 85, 85)
Versione semplificata della tavolozza dei colori
Tonalità di cornflowerblue, Ombra di Cachi, Ombra di midnightblue, Tonalità di darkkhaki, Ombra di rosybrown, Tonalità di dimgrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Ux design class education colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#608be4 #608be4 RGB(96, 139, 228)
#f9fa92 #f9fa92 RGB(249, 250, 146)
#133171 #133171 RGB(19, 49, 113)
#a8aa5e #a8aa5e RGB(168, 170, 94)
#c8a5a5 #c8a5a5 RGB(200, 165, 165)
#555555 #555555 RGB(85, 85, 85)Stone Cold Gray

Contrasto della palette di colori

4 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
#608be4
#a8aa5e
1.35
#608be4
#c8a5a5
1.48
#133171
#555555
1.65
#a8aa5e
#c8a5a5
1.09

Tavolozza immagini Ux design class education colors png

Loading...
Loading...