Loading...
Creato a 04/26/2020 07:28
  0.21k

Colors ux clean design

  • #fbb109
  • #f3ba86
  • #133554
  • #6a9c9c
  • #b7c0c5
  • #39455c
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati #fbb109 e #133554. La tavolozza ha la temperatura del colore Caldo, Freddo.

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

Codici HEX (ordinati): #133554, #39455C, #6A9C9C, #B7C0C5, #F3BA86, #FBB109

La tavolozza Colors ux clean design ha una combinazione di colori dei codici 6:
ESADECIMALE: #fbb109, RGB: (251, 177, 9); ESADECIMALE: #f3ba86, RGB: (243, 186, 134); ESADECIMALE: #133554, RGB: (19, 53, 84)
ESADECIMALE: #6a9c9c, RGB: (106, 156, 156); ESADECIMALE: #b7c0c5, RGB: (183, 192, 197); ESADECIMALE: #39455c, RGB: (57, 69, 92)
Versione semplificata della tavolozza dei colori
Ombra di Arancia, Ombra di burlywood, Ombra di midnightblue, Ombra di cadetblue, Tonalità di Argento, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Colors ux clean design codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#fbb109 #fbb109 RGB(251, 177, 9)
#f3ba86 #f3ba86 RGB(243, 186, 134)
#133554 #133554 RGB(19, 53, 84)
#6a9c9c #6a9c9c RGB(106, 156, 156)
#b7c0c5 #b7c0c5 RGB(183, 192, 197)
#39455c #39455c RGB(57, 69, 92)

Contrasto della palette di colori

7 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
#fbb109
#f3ba86
1.06
#fbb109
#6a9c9c
1.66
#fbb109
#b7c0c5
1
#f3ba86
#6a9c9c
1.77
#f3ba86
#b7c0c5
1.07
#133554
#39455c
1.3

Tavolozza immagini Colors ux clean design png

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