Creato a 12/28/2020 10:43
  0.22k

Design app ux ui colors

  • #f4943a
  • #e7c26a
  • #a37724
  • #5e9ca4
  • #9cbfc5
  • #62542d
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati #f4943a e #5e9ca4. La tavolozza ha la temperatura del colore Caldo, Freddo.

Per luminosità, la tavolozza va da #62542D (più scuro) a #9CBFC5 (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): #5E9CA4, #62542D, #9CBFC5, #A37724, #E7C26A, #F4943A

La tavolozza Design app ux ui colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #f4943a, RGB: (244, 148, 58); ESADECIMALE: #e7c26a, RGB: (231, 194, 106); ESADECIMALE: #a37724, RGB: (163, 119, 36)
ESADECIMALE: #5e9ca4, RGB: (94, 156, 164); ESADECIMALE: #9cbfc5, RGB: (156, 191, 197); ESADECIMALE: #62542d, RGB: (98, 84, 45)
Versione semplificata della tavolozza dei colori
Ombra di darkorange, Ombra di burlywood, Tonalità di darkgoldenrod, Tonalità di cadetblue, Tonalità di lightblue, Tonalità di darkolivegreen
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Design app ux ui colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#f4943a #f4943a RGB(244, 148, 58)
#e7c26a #e7c26a RGB(231, 194, 106)
#a37724 #a37724 RGB(163, 119, 36)
#5e9ca4 #5e9ca4 RGB(94, 156, 164)
#9cbfc5 #9cbfc5 RGB(156, 191, 197)
#62542d #62542d RGB(98, 84, 45)

Contrasto della palette di colori

9 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
#f4943a
#e7c26a
1.34
#f4943a
#a37724
1.75
#f4943a
#5e9ca4
1.35
#f4943a
#9cbfc5
1.16
#e7c26a
#5e9ca4
1.82
#e7c26a
#9cbfc5
1.15

Tavolozza immagini Design app ux ui colors png