Loading...
Creato a 06/16/2025 20:06
  1

Wireframe to Prototype Gradient

  • Sketch Graphite
    #3a3a3a
  • Draft Blue Frost
    #b3cfff
  • Mid-Fi Beige
    #f3ebdd
  • Hi-Fi Green Tint
    #a2facf
  • Test Hot Pink
    #ffb3d1
  • Launch Terminal Black
    #000000
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati Hi-Fi Green Tint #a2facf e Test Hot Pink #ffb3d1. La tavolozza ha la temperatura del colore Neutro, Freddo.

Per luminosità, la tavolozza va da #000000 (più scuro) a #F3EBDD (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).

La maggior parte dei campioni risulta neutra in temperatura.

Codici HEX (ordinati): #000000, #3A3A3A, #A2FACF, #B3CFFF, #F3EBDD, #FFB3D1

La tavolozza Wireframe to Prototype Gradient ha una combinazione di colori dei codici 6:
ESADECIMALE: #3a3a3a, RGB: (58, 58, 58); ESADECIMALE: #b3cfff, RGB: (179, 207, 255); ESADECIMALE: #f3ebdd, RGB: (243, 235, 221)
ESADECIMALE: #a2facf, RGB: (162, 250, 207); ESADECIMALE: #ffb3d1, RGB: (255, 179, 209); ESADECIMALE: #000000, RGB: (0, 0, 0)
Versione semplificata della tavolozza dei colori
Tonalità di darkslategrey, Ombra di lightsteelblue, Tonalità di oldlace, Ombra di aquamarine, Ombra di lightpink, Nero
La combinazione di colori è stata creata da colorhunt

Codici colori nella tavolozza

Wireframe to Prototype Gradient codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#3a3a3a #3a3a3a RGB(58, 58, 58)Sketch Graphite
#b3cfff #b3cfff RGB(179, 207, 255)Draft Blue Frost
#f3ebdd #f3ebdd RGB(243, 235, 221)Mid-Fi Beige
#a2facf #a2facf RGB(162, 250, 207)Hi-Fi Green Tint
#ffb3d1 #ffb3d1 RGB(255, 179, 209)Test Hot Pink
#000000 #000000 RGB(0, 0, 0)Launch Terminal BlackBlack

Contrasto della palette di colori

7 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
#3a3a3a
#000000
1.84
#b3cfff
#f3ebdd
1.33
#b3cfff
#a2facf
1.28
#b3cfff
#ffb3d1
1.05
#f3ebdd
#a2facf
1.03
#f3ebdd
#ffb3d1
1.4

Tavolozza immagini Wireframe to Prototype Gradient png

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