Loading...
Creato a 12/23/2022 21:16
  0.15k

Education ui design figma hex colors

  • Naples Yellow
    #f8d45c
  • Orange-Yellow (Crayola)
    #f5d171
  • Bronze Yellow
    #7f6305
  • Spicy Mix
    #94574d
  • Silver Pink
    #d0b0b4
  • Deep Moss Green
    #34644c
Loading...
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati Naples Yellow #f8d45c e Bronze Yellow #7f6305. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.

Per luminosità, la tavolozza va da #7F6305 (più scuro) a #D0B0B4 (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).

Complessivamente la temperatura tende al caldo.

Codici HEX (ordinati): #34644C, #7F6305, #94574D, #D0B0B4, #F5D171, #F8D45C

La tavolozza Education ui design figma hex colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #f8d45c, RGB: (248, 212, 92); ESADECIMALE: #f5d171, RGB: (245, 209, 113); ESADECIMALE: #7f6305, RGB: (127, 99, 5)
ESADECIMALE: #94574d, RGB: (148, 87, 77); ESADECIMALE: #d0b0b4, RGB: (208, 176, 180); ESADECIMALE: #34644c, RGB: (52, 100, 76)
Versione semplificata della tavolozza dei colori
Ombra di gold, Tonalità di Cachi, Tonalità di Oliva, Ombra di sienna, Tonalità di thistle, Ombra di darkslategrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Education ui design figma hex colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#f8d45c #f8d45c RGB(248, 212, 92)Naples Yellow
#f5d171 #f5d171 RGB(245, 209, 113)Orange-Yellow (Crayola)
#7f6305 #7f6305 RGB(127, 99, 5)Bronze Yellow
#94574d #94574d RGB(148, 87, 77)Spicy Mix
#d0b0b4 #d0b0b4 RGB(208, 176, 180)Silver Pink
#34644c #34644c RGB(52, 100, 76)Deep Moss Green

Contrasto della palette di colori

6 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
#f8d45c
#f5d171
1.02
#f8d45c
#d0b0b4
1.38
#f5d171
#d0b0b4
1.34
#7f6305
#94574d
1.01
#7f6305
#34644c
1.2
#94574d
#34644c
1.21

Tavolozza immagini Education ui design figma hex colors png

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