Loading...
Creato a 11/29/2021 23:36
  0.18k

Ui design web graphic hex colors

  • #0483bc
  • #9dc8d8
  • #0c648c
  • #945c79
  • #bdd2da
  • #395f6f
Loading...
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati #0483bc e #945c79. La tavolozza ha la temperatura del colore Freddo, Neutro.

Per luminosità, la tavolozza va da #0C648C (più scuro) a #BDD2DA (più chiaro). L’intervallo di luminosità è moderato.

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

Le tonalità sono distribuite in modo ampio sulla ruota: tavolozza varia (euristica).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #0483BC, #0C648C, #395F6F, #945C79, #9DC8D8, #BDD2DA

La tavolozza Ui design web graphic hex colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #0483bc, RGB: (4, 131, 188); ESADECIMALE: #9dc8d8, RGB: (157, 200, 216); ESADECIMALE: #0c648c, RGB: (12, 100, 140)
ESADECIMALE: #945c79, RGB: (148, 92, 121); ESADECIMALE: #bdd2da, RGB: (189, 210, 218); ESADECIMALE: #395f6f, RGB: (57, 95, 111)
Versione semplificata della tavolozza dei colori
Tonalità di steelblue, Tonalità di lightblue, Tonalità di steelblue, Ombra di mediumvioletred, Tonalità di lightblue, Ombra di darkslategrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

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

Colore ESADECIMALE RGB Nome Nome alternativo
#0483bc #0483bc RGB(4, 131, 188)
#9dc8d8 #9dc8d8 RGB(157, 200, 216)
#0c648c #0c648c RGB(12, 100, 140)
#945c79 #945c79 RGB(148, 92, 121)
#bdd2da #bdd2da RGB(189, 210, 218)
#395f6f #395f6f RGB(57, 95, 111)

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
#0483bc
#0c648c
1.54
#0483bc
#945c79
1.22
#0483bc
#395f6f
1.63
#9dc8d8
#bdd2da
1.14
#0c648c
#945c79
1.26
#0c648c
#395f6f
1.05

Tavolozza immagini Ui design web graphic hex colors png

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