Creato a 06/20/2025 07:49
Full-Stack Web Ideation Suite
- Backend Navy#1c2237
- Frontend Cream#faf9f6
- Query Green#2ecc71
- Script Lavender#d4a5ff
- Token Rust#ff715b
- IDE White#ffffff
La tavolozza è composta da Buio, Leggero colori. Colori accentati Query Green #2ecc71 e Script Lavender #d4a5ff. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
Per luminosità, la tavolozza va da #1C2237 (più scuro) a #FFFFFF (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).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #1C2237, #2ECC71, #D4A5FF, #FAF9F6, #FF715B, #FFFFFF
La tavolozza Full-Stack Web Ideation Suite ha una combinazione di colori dei codici 6:
ESADECIMALE: #1c2237, RGB: (28, 34, 55); ESADECIMALE: #faf9f6, RGB: (250, 249, 246); ESADECIMALE: #2ecc71, RGB: (46, 204, 113)
ESADECIMALE: #d4a5ff, RGB: (212, 165, 255); ESADECIMALE: #ff715b, RGB: (255, 113, 91); ESADECIMALE: #ffffff, RGB: (255, 255, 255)
Versione semplificata della tavolozza dei colori
Tonalità di midnightblue, Ombra di whitesmoke, Ombra di mediumseagreen, Ombra di plum, Ombra di tomato, Bianco
La combinazione di colori è stata creata da colourlock
Codici colori nella tavolozza
Full-Stack Web Ideation Suite codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #1c2237 | #1c2237 | RGB(28, 34, 55) | Backend Navy | — |
| #faf9f6 | #faf9f6 | RGB(250, 249, 246) | Frontend Cream | — |
| #2ecc71 | #2ecc71 | RGB(46, 204, 113) | Query Green | — |
| #d4a5ff | #d4a5ff | RGB(212, 165, 255) | Script Lavender | — |
| #ff715b | #ff715b | RGB(255, 113, 91) | Token Rust | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | IDE White | White |
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 |
#faf9f6 | #2ecc71 | 1.99 |
#faf9f6 | #d4a5ff | 1.87 |
#faf9f6 | #ffffff | 1.05 |
#2ecc71 | #d4a5ff | 1.06 |
#2ecc71 | #ff715b | 1.28 |
#d4a5ff | #ff715b | 1.36 |
Tavolozza immagini Full-Stack Web Ideation Suite png
Esporta tavolozza
Scarica la "Full-Stack Web Ideation Suite" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: