Creato a 12/11/2020 00:05
  0.21k

Hero banner ux design concept colours

  • #1f5de3
  • #70bcf9
  • #122a74
  • #9d6a64
  • #d6b5a1
  • #1c2c3c
Loading...
La tavolozza è composta da Semi scuro, Leggero, Buio colori. Colori accentati #70bcf9 e #d6b5a1. La tavolozza ha la temperatura del colore Freddo, Caldo.

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

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): #122A74, #1C2C3C, #1F5DE3, #70BCF9, #9D6A64, #D6B5A1

La tavolozza Hero banner ux design concept colours ha una combinazione di colori dei codici 6:
ESADECIMALE: #1f5de3, RGB: (31, 93, 227); ESADECIMALE: #70bcf9, RGB: (112, 188, 249); ESADECIMALE: #122a74, RGB: (18, 42, 116)
ESADECIMALE: #9d6a64, RGB: (157, 106, 100); ESADECIMALE: #d6b5a1, RGB: (214, 181, 161); ESADECIMALE: #1c2c3c, RGB: (28, 44, 60)
Versione semplificata della tavolozza dei colori
Tonalità di royalblue, Tonalità di lightskyblue, Ombra di midnightblue, Tonalità di indianred, Ombra di tan, Ombra di midnightblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Hero banner ux design concept colours codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#1f5de3 #1f5de3 RGB(31, 93, 227)
#70bcf9 #70bcf9 RGB(112, 188, 249)
#122a74 #122a74 RGB(18, 42, 116)
#9d6a64 #9d6a64 RGB(157, 106, 100)
#d6b5a1 #d6b5a1 RGB(214, 181, 161)
#1c2c3c #1c2c3c RGB(28, 44, 60)

Contrasto della palette di colori

3 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
#1f5de3
#9d6a64
1.25
#70bcf9
#d6b5a1
1.07
#122a74
#1c2c3c
1.09

Tavolozza immagini Hero banner ux design concept colours png

Loading...
Loading...