Creato a 04/07/2021 00:15
  0.24k

Website ui tag inspire palette

  • #f9ba08
  • #f4d47c
  • #062468
  • #4c6490
  • #c8b0b6
  • #314166
Loading...
La tavolozza è composta da Leggero, Buio, Semi scuro colori. Colori accentati #f9ba08 e #062468. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.

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

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): #062468, #314166, #4C6490, #C8B0B6, #F4D47C, #F9BA08

La tavolozza Website ui tag inspire palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #f9ba08, RGB: (249, 186, 8); ESADECIMALE: #f4d47c, RGB: (244, 212, 124); ESADECIMALE: #062468, RGB: (6, 36, 104)
ESADECIMALE: #4c6490, RGB: (76, 100, 144); ESADECIMALE: #c8b0b6, RGB: (200, 176, 182); ESADECIMALE: #314166, RGB: (49, 65, 102)
Versione semplificata della tavolozza dei colori
Ombra di goldenrod, Tonalità di Cachi, Tonalità di midnightblue, Tonalità di royalblue, Tonalità di thistle, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Website ui tag inspire palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#f9ba08 #f9ba08 RGB(249, 186, 8)
#f4d47c #f4d47c RGB(244, 212, 124)
#062468 #062468 RGB(6, 36, 104)
#4c6490 #4c6490 RGB(76, 100, 144)
#c8b0b6 #c8b0b6 RGB(200, 176, 182)
#314166 #314166 RGB(49, 65, 102)

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
#f9ba08
#f4d47c
1.2
#f9ba08
#c8b0b6
1.16
#f4d47c
#c8b0b6
1.4
#062468
#314166
1.42
#4c6490
#314166
1.69

Tavolozza immagini Website ui tag inspire palette png

Loading...
Loading...