Creato a 06/19/2025 20:48
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 Gray | Gray94 |
| #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 Black | Gray10 |
| #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
Esporta tavolozza
Scarica la "Creative Dev Portfolio UI" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: