Loading...
Creato a 06/30/2020 06:31
  0.2k

Ux web website ui hex colors

  • #e88d07
  • #7c8cec
  • #642253
  • #7f7b92
  • #d1b6c5
  • #24234d
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati #e88d07 e #7c8cec. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.

Per luminosità, la tavolozza va da #24234D (più scuro) a #D1B6C5 (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): #24234D, #642253, #7C8CEC, #7F7B92, #D1B6C5, #E88D07

La tavolozza Ux web website ui hex colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #e88d07, RGB: (232, 141, 7); ESADECIMALE: #7c8cec, RGB: (124, 140, 236); ESADECIMALE: #642253, RGB: (100, 34, 83)
ESADECIMALE: #7f7b92, RGB: (127, 123, 146); ESADECIMALE: #d1b6c5, RGB: (209, 182, 197); ESADECIMALE: #24234d, RGB: (36, 35, 77)
Versione semplificata della tavolozza dei colori
Tonalità di darkorange, Ombra di cornflowerblue, Ombra di Viola, Ombra di slategrey, Tonalità di thistle, Ombra di midnightblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Ux web website ui hex colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#e88d07 #e88d07 RGB(232, 141, 7)
#7c8cec #7c8cec RGB(124, 140, 236)
#642253 #642253 RGB(100, 34, 83)
#7f7b92 #7f7b92 RGB(127, 123, 146)
#d1b6c5 #d1b6c5 RGB(209, 182, 197)
#24234d #24234d RGB(36, 35, 77)

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
#e88d07
#7c8cec
1.2
#e88d07
#7f7b92
1.6
#e88d07
#d1b6c5
1.35
#7c8cec
#7f7b92
1.32
#7c8cec
#d1b6c5
1.64
#642253
#24234d
1.33

Tavolozza immagini Ux web website ui hex colors png

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