Creato a 06/13/2025 10:27
JavaScript Gradient Studio
- Promise Lavender#b497f4
- Async Orange#ff6e40
- DOM Navy#273444
- Event Bubble#feebcb
- Script Blush#ffd6e0
- Function Leaf#7dce82
La tavolozza è composta da Leggero colori. Colori accentati Script Blush #ffd6e0 e Function Leaf #7dce82. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #273444 (più scuro) a #FFD6E0 (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).
Note calde e fredde sono abbastanza bilanciate.
Codici HEX (ordinati): #273444, #7DCE82, #B497F4, #FEEBCB, #FF6E40, #FFD6E0
La tavolozza JavaScript Gradient Studio ha una combinazione di colori dei codici 6:
ESADECIMALE: #b497f4, RGB: (180, 151, 244); ESADECIMALE: #ff6e40, RGB: (255, 110, 64); ESADECIMALE: #273444, RGB: (39, 52, 68)
ESADECIMALE: #feebcb, RGB: (254, 235, 203); ESADECIMALE: #ffd6e0, RGB: (255, 214, 224); ESADECIMALE: #7dce82, RGB: (125, 206, 130)
Versione semplificata della tavolozza dei colori
Ombra di mediumpurple, Tonalità di coral, Ombra di midnightblue, Tonalità di blanchedalmond, Ombra di Rosa, Ombra di darkseagreen
La combinazione di colori è stata creata da bad_colors
Codici colori nella tavolozza
JavaScript Gradient Studio codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #b497f4 | #b497f4 | RGB(180, 151, 244) | Promise Lavender | — |
| #ff6e40 | #ff6e40 | RGB(255, 110, 64) | Async Orange | — |
| #273444 | #273444 | RGB(39, 52, 68) | DOM Navy | — |
| #feebcb | #feebcb | RGB(254, 235, 203) | Event Bubble | — |
| #ffd6e0 | #ffd6e0 | RGB(255, 214, 224) | Script Blush | — |
| #7dce82 | #7dce82 | RGB(125, 206, 130) | Function Leaf | — |
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 |
#b497f4 | #ff6e40 | 1.14 |
#b497f4 | #ffd6e0 | 1.83 |
#b497f4 | #7dce82 | 1.27 |
#ff6e40 | #7dce82 | 1.45 |
#feebcb | #ffd6e0 | 1.12 |
#feebcb | #7dce82 | 1.62 |
Tavolozza immagini JavaScript Gradient Studio png
Esporta tavolozza
Scarica la "JavaScript Gradient Studio" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: