Loading...
Creato a 02/24/2020 12:30
  0.25k

Webdesign branding ui design palette

  • #1f6bf8
  • #8bb4f3
  • #741921
  • #7c4f9b
  • #abb3c7
  • #444443
Loading...
La tavolozza è composta da Leggero, Buio, Semi scuro colori. Colori accentati #1f6bf8 e #741921. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.

Per luminosità, la tavolozza va da #444443 (più scuro) a #8BB4F3 (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): #1F6BF8, #444443, #741921, #7C4F9B, #8BB4F3, #ABB3C7

La tavolozza Webdesign branding ui design palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #1f6bf8, RGB: (31, 107, 248); ESADECIMALE: #8bb4f3, RGB: (139, 180, 243); ESADECIMALE: #741921, RGB: (116, 25, 33)
ESADECIMALE: #7c4f9b, RGB: (124, 79, 155); ESADECIMALE: #abb3c7, RGB: (171, 179, 199); ESADECIMALE: #444443, RGB: (68, 68, 67)
Versione semplificata della tavolozza dei colori
Tonalità di royalblue, Ombra di cornflowerblue, Ombra di Marrone, Ombra di darkorchid, Tonalità di lightsteelblue, Tonalità di dimgrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Webdesign branding ui design palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#1f6bf8 #1f6bf8 RGB(31, 107, 248)
#8bb4f3 #8bb4f3 RGB(139, 180, 243)
#741921 #741921 RGB(116, 25, 33)
#7c4f9b #7c4f9b RGB(124, 79, 155)
#abb3c7 #abb3c7 RGB(171, 179, 199)
#444443 #444443 RGB(68, 68, 67)Medium Black

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
#1f6bf8
#7c4f9b
1.3
#8bb4f3
#abb3c7
1
#741921
#7c4f9b
1.81
#741921
#444443
1.13
#7c4f9b
#444443
1.6

Tavolozza immagini Webdesign branding ui design palette png

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