Creato a 03/18/2020 09:33
  0.22k

Product ux ui pattern colors

  • #f56607
  • #f1945e
  • #d42404
  • #925259
  • #9eabcf
  • #3b3256
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati #d42404 e #9eabcf. La tavolozza ha la temperatura del colore Caldo, Freddo.

Per luminosità, la tavolozza va da #3B3256 (più scuro) a #9EABCF (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 caldo.

Codici HEX (ordinati): #3B3256, #925259, #9EABCF, #D42404, #F1945E, #F56607

La tavolozza Product ux ui pattern colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #f56607, RGB: (245, 102, 7); ESADECIMALE: #f1945e, RGB: (241, 148, 94); ESADECIMALE: #d42404, RGB: (212, 36, 4)
ESADECIMALE: #925259, RGB: (146, 82, 89); ESADECIMALE: #9eabcf, RGB: (158, 171, 207); ESADECIMALE: #3b3256, RGB: (59, 50, 86)
Versione semplificata della tavolozza dei colori
Ombra di chocolate, Tonalità di lightsalmon, Ombra di Rosso, Ombra di brown, Tonalità di lightsteelblue, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Product ux ui pattern colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#f56607 #f56607 RGB(245, 102, 7)
#f1945e #f1945e RGB(241, 148, 94)
#d42404 #d42404 RGB(212, 36, 4)
#925259 #925259 RGB(146, 82, 89)
#9eabcf #9eabcf RGB(158, 171, 207)
#3b3256 #3b3256 RGB(59, 50, 86)

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
#f56607
#f1945e
1.34
#f56607
#d42404
1.67
#f56607
#925259
1.89
#f56607
#9eabcf
1.35
#f1945e
#9eabcf
1
#d42404
#925259
1.13

Tavolozza immagini Product ux ui pattern colors png