Creato a 02/19/2021 00:30
  0.23k

Website uidesign web design palette

  • #0b72ec
  • #acd0f8
  • #054ca6
  • #344c74
  • #a0b4d4
  • #1b202e
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati #0b72ec e #054ca6. La tavolozza ha la temperatura del colore Freddo.

Per luminosità, la tavolozza va da #1B202E (più scuro) a #ACD0F8 (più chiaro). L’intervallo di luminosità è ampio.

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): #054CA6, #0B72EC, #1B202E, #344C74, #A0B4D4, #ACD0F8

La tavolozza Website uidesign web design palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #0b72ec, RGB: (11, 114, 236); ESADECIMALE: #acd0f8, RGB: (172, 208, 248); ESADECIMALE: #054ca6, RGB: (5, 76, 166)
ESADECIMALE: #344c74, RGB: (52, 76, 116); ESADECIMALE: #a0b4d4, RGB: (160, 180, 212); ESADECIMALE: #1b202e, RGB: (27, 32, 46)
Versione semplificata della tavolozza dei colori
Tonalità di royalblue, Ombra di lightsteelblue, Tonalità di darkslateblue, Ombra di darkslateblue, Tonalità di lightsteelblue, Ombra di Nero
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Website uidesign web design palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#0b72ec #0b72ec RGB(11, 114, 236)
#acd0f8 #acd0f8 RGB(172, 208, 248)
#054ca6 #054ca6 RGB(5, 76, 166)
#344c74 #344c74 RGB(52, 76, 116)
#a0b4d4 #a0b4d4 RGB(160, 180, 212)
#1b202e #1b202e RGB(27, 32, 46)

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
#0b72ec
#054ca6
1.78
#0b72ec
#344c74
1.9
#acd0f8
#a0b4d4
1.31
#054ca6
#344c74
1.06
#344c74
#1b202e
1.88

Tavolozza immagini Website uidesign web design palette png

Loading...
Loading...