Loading...
Creato a 02/19/2020 07:34
  0.21k

Web app ui ux palette

  • #636cfc
  • #807bfa
  • #0c2692
  • #a27e6b
  • #bcbbd0
  • #543f45
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati #636cfc e #a27e6b. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.

Per luminosità, la tavolozza va da #543F45 (più scuro) a #BCBBD0 (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): #0C2692, #543F45, #636CFC, #807BFA, #A27E6B, #BCBBD0

La tavolozza Web app ui ux palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #636cfc, RGB: (99, 108, 252); ESADECIMALE: #807bfa, RGB: (128, 123, 250); ESADECIMALE: #0c2692, RGB: (12, 38, 146)
ESADECIMALE: #a27e6b, RGB: (162, 126, 107); ESADECIMALE: #bcbbd0, RGB: (188, 187, 208); ESADECIMALE: #543f45, RGB: (84, 63, 69)
Versione semplificata della tavolozza dei colori
Tonalità di mediumslateblue, Ombra di mediumslateblue, Ombra di midnightblue, Tonalità di rosybrown, Tonalità di lightsteelblue, Tonalità di dimgrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Web app ui ux palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#636cfc #636cfc RGB(99, 108, 252)
#807bfa #807bfa RGB(128, 123, 250)
#0c2692 #0c2692 RGB(12, 38, 146)
#a27e6b #a27e6b RGB(162, 126, 107)
#bcbbd0 #bcbbd0 RGB(188, 187, 208)
#543f45 #543f45 RGB(84, 63, 69)

Contrasto della palette di colori

6 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
#636cfc
#807bfa
1.2
#636cfc
#a27e6b
1.12
#807bfa
#a27e6b
1.06
#807bfa
#bcbbd0
1.81
#0c2692
#543f45
1.27
#a27e6b
#bcbbd0
1.94

Tavolozza immagini Web app ui ux palette png

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