Creato a 06/19/2025 20:48
  6

Creative Dev Portfolio UI

  • Highlight Magenta
    #ff4ac5
  • Canvas Pale Gray
    #f0f0f0
  • Code Blue Pulse
    #33c3ff
  • Scroll Violet Haze
    #c7b8ff
  • Project Space Black
    #1a1a1a
  • Footer Cream
    #fdf8f5
La tavolozza è composta da Leggero, Buio colori. Colori accentati Scroll Violet Haze #c7b8ff e Footer Cream #fdf8f5. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.

Per luminosità, la tavolozza va da #1A1A1A (più scuro) a #FDF8F5 (più chiaro). L’intervallo di luminosità è ampio.

La saturazione complessiva risulta vivida (croma alto).

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): #1A1A1A, #33C3FF, #C7B8FF, #F0F0F0, #FDF8F5, #FF4AC5

La tavolozza Creative Dev Portfolio UI ha una combinazione di colori dei codici 6:
ESADECIMALE: #ff4ac5, RGB: (255, 74, 197); ESADECIMALE: #f0f0f0, RGB: (240, 240, 240); ESADECIMALE: #33c3ff, RGB: (51, 195, 255)
ESADECIMALE: #c7b8ff, RGB: (199, 184, 255); ESADECIMALE: #1a1a1a, RGB: (26, 26, 26); ESADECIMALE: #fdf8f5, RGB: (253, 248, 245)
Versione semplificata della tavolozza dei colori
Tonalità di hotpink, Tonalità di whitesmoke, Ombra di deepskyblue, Ombra di lightsteelblue, Ombra di Nero, Tonalità di snow
La combinazione di colori è stata creata da colorslib

Codici colori nella tavolozza

Creative Dev Portfolio UI codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#ff4ac5 #ff4ac5 RGB(255, 74, 197)Highlight Magenta
#f0f0f0 #f0f0f0 RGB(240, 240, 240)Canvas Pale GrayGray94
#33c3ff #33c3ff RGB(51, 195, 255)Code Blue Pulse
#c7b8ff #c7b8ff RGB(199, 184, 255)Scroll Violet Haze
#1a1a1a #1a1a1a RGB(26, 26, 26)Project Space BlackGray10
#fdf8f5 #fdf8f5 RGB(253, 248, 245)Footer Cream

Contrasto della palette di colori

8 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
#ff4ac5
#33c3ff
1.47
#ff4ac5
#c7b8ff
1.66
#f0f0f0
#33c3ff
1.77
#f0f0f0
#c7b8ff
1.57
#f0f0f0
#fdf8f5
1.08
#33c3ff
#c7b8ff
1.12

Tavolozza immagini Creative Dev Portfolio UI png