Loading...
Creato a 12/03/2020 18:43
  0.2k

Ux web website ui colours

  • #2ca4bc
  • #98cfdd
  • #0c6c8c
  • #4e92a3
  • #bed3da
  • #3c444c
Loading...
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati #2ca4bc e #0c6c8c. La tavolozza ha la temperatura del colore Freddo.

Per luminosità, la tavolozza va da #3C444C (più scuro) a #BED3DA (più chiaro). L’intervallo di luminosità è moderato.

Saturazione mista — alcuni campioni smorzati e accenti più vivaci.

La distribuzione delle tonalità suggerisce un gruppo preponderantemente analogo (euristica, non una regola fissa).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #0C6C8C, #2CA4BC, #3C444C, #4E92A3, #98CFDD, #BED3DA

La tavolozza Ux web website ui colours ha una combinazione di colori dei codici 6:
ESADECIMALE: #2ca4bc, RGB: (44, 164, 188); ESADECIMALE: #98cfdd, RGB: (152, 207, 221); ESADECIMALE: #0c6c8c, RGB: (12, 108, 140)
ESADECIMALE: #4e92a3, RGB: (78, 146, 163); ESADECIMALE: #bed3da, RGB: (190, 211, 218); ESADECIMALE: #3c444c, RGB: (60, 68, 76)
Versione semplificata della tavolozza dei colori
Tonalità di cadetblue, Tonalità di lightblue, Tonalità di steelblue, Tonalità di cadetblue, Ombra di lightblue, Tonalità di darkslategrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Ux web website ui colours codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#2ca4bc #2ca4bc RGB(44, 164, 188)
#98cfdd #98cfdd RGB(152, 207, 221)
#0c6c8c #0c6c8c RGB(12, 108, 140)
#4e92a3 #4e92a3 RGB(78, 146, 163)
#bed3da #bed3da RGB(190, 211, 218)
#3c444c #3c444c RGB(60, 68, 76)

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
#2ca4bc
#98cfdd
1.72
#2ca4bc
#4e92a3
1.19
#2ca4bc
#bed3da
1.89
#98cfdd
#bed3da
1.09
#0c6c8c
#4e92a3
1.68
#0c6c8c
#3c444c
1.66

Tavolozza immagini Ux web website ui colours png

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