Loading...
Creato a 05/07/2020 20:35
  0.22k

Ui design web hex colors

  • #ecbc42
  • #84dcac
  • #113f54
  • #4fab7b
  • #a0d1b9
  • #32503e
Loading...
La tavolozza è composta da Leggero colori. Colori accentati #ecbc42 e #113f54. La tavolozza ha la temperatura del colore Caldo, Freddo.

Per luminosità, la tavolozza va da #113F54 (più scuro) a #A0D1B9 (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): #113F54, #32503E, #4FAB7B, #84DCAC, #A0D1B9, #ECBC42

La tavolozza Ui design web hex colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #ecbc42, RGB: (236, 188, 66); ESADECIMALE: #84dcac, RGB: (132, 220, 172); ESADECIMALE: #113f54, RGB: (17, 63, 84)
ESADECIMALE: #4fab7b, RGB: (79, 171, 123); ESADECIMALE: #a0d1b9, RGB: (160, 209, 185); ESADECIMALE: #32503e, RGB: (50, 80, 62)
Versione semplificata della tavolozza dei colori
Ombra di goldenrod, Ombra di mediumaquamarine, Tonalità di darkslategrey, Ombra di mediumseagreen, Ombra di mediumaquamarine, Tonalità di darkslategrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Ui design web hex colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#ecbc42 #ecbc42 RGB(236, 188, 66)
#84dcac #84dcac RGB(132, 220, 172)
#113f54 #113f54 RGB(17, 63, 84)
#4fab7b #4fab7b RGB(79, 171, 123)
#a0d1b9 #a0d1b9 RGB(160, 209, 185)
#32503e #32503e RGB(50, 80, 62)

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
#ecbc42
#84dcac
1.08
#ecbc42
#4fab7b
1.59
#ecbc42
#a0d1b9
1.04
#84dcac
#4fab7b
1.72
#84dcac
#a0d1b9
1.04
#113f54
#32503e
1.26

Tavolozza immagini Ui design web hex colors png

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