Creato a 10/23/2021 10:15
  0.15k

Ux webdesign design ui palette

  • #cf754c
  • #b8d8e5
  • #682e1d
  • #669097
  • #84bcbc
  • #375a61
Loading...
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati #cf754c e #b8d8e5. La tavolozza ha la temperatura del colore Caldo, Freddo.

Per luminosità, la tavolozza va da #682E1D (più scuro) a #B8D8E5 (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): #375A61, #669097, #682E1D, #84BCBC, #B8D8E5, #CF754C

La tavolozza Ux webdesign design ui palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #cf754c, RGB: (207, 117, 76); ESADECIMALE: #b8d8e5, RGB: (184, 216, 229); ESADECIMALE: #682e1d, RGB: (104, 46, 29)
ESADECIMALE: #669097, RGB: (102, 144, 151); ESADECIMALE: #84bcbc, RGB: (132, 188, 188); ESADECIMALE: #375a61, RGB: (55, 90, 97)
Versione semplificata della tavolozza dei colori
Ombra di chocolate, Ombra di lightblue, Ombra di Marrone, Tonalità di cadetblue, Ombra di mediumturquoise, Ombra di darkslategrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Ux webdesign design ui palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#cf754c #cf754c RGB(207, 117, 76)
#b8d8e5 #b8d8e5 RGB(184, 216, 229)
#682e1d #682e1d RGB(104, 46, 29)
#669097 #669097 RGB(102, 144, 151)
#84bcbc #84bcbc RGB(132, 188, 188)
#375a61 #375a61 RGB(55, 90, 97)

Contrasto della palette di colori

5 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
#cf754c
#669097
1.05
#cf754c
#84bcbc
1.57
#b8d8e5
#84bcbc
1.41
#682e1d
#375a61
1.4
#669097
#84bcbc
1.64

Tavolozza immagini Ux webdesign design ui palette png

Loading...
Loading...