Creato a 06/06/2025 10:55
Tailwind Glassy Gradient
- Utility Blush Mint#d5f9de
- Breakpoint Watermelon#ff6b6b
- Container Cloud Gray#e5e5e5
- Accent Lemon Glow#fff8a6
- Flex Deep Space#1b1b1b
- Hover Orchid#d3a5e6
La tavolozza è composta da Leggero, Buio colori. Colori accentati Accent Lemon Glow #fff8a6 e Hover Orchid #d3a5e6. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #1B1B1B (più scuro) a #D5F9DE (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): #1B1B1B, #D3A5E6, #D5F9DE, #E5E5E5, #FF6B6B, #FFF8A6
La tavolozza Tailwind Glassy Gradient ha una combinazione di colori dei codici 6:
ESADECIMALE: #d5f9de, RGB: (213, 249, 222); ESADECIMALE: #ff6b6b, RGB: (255, 107, 107); ESADECIMALE: #e5e5e5, RGB: (229, 229, 229)
ESADECIMALE: #fff8a6, RGB: (255, 248, 166); ESADECIMALE: #1b1b1b, RGB: (27, 27, 27); ESADECIMALE: #d3a5e6, RGB: (211, 165, 230)
Versione semplificata della tavolozza dei colori
Tonalità di honeydew, Tonalità di salmon, Ombra di gainsboro, Ombra di Cachi, Ombra di Nero, Ombra di plum
La combinazione di colori è stata creata da raccoon
Codici colori nella tavolozza
Tailwind Glassy Gradient codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #d5f9de | #d5f9de | RGB(213, 249, 222) | Utility Blush Mint | — |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Breakpoint Watermelon | — |
| #e5e5e5 | #e5e5e5 | RGB(229, 229, 229) | Container Cloud Gray | Gray90 |
| #fff8a6 | #fff8a6 | RGB(255, 248, 166) | Accent Lemon Glow | — |
| #1b1b1b | #1b1b1b | RGB(27, 27, 27) | Flex Deep Space | Eerie Black |
| #d3a5e6 | #d3a5e6 | RGB(211, 165, 230) | Hover Orchid | — |
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 |
#d5f9de | #e5e5e5 | 1.1 |
#d5f9de | #fff8a6 | 1.04 |
#d5f9de | #d3a5e6 | 1.79 |
#ff6b6b | #d3a5e6 | 1.36 |
#e5e5e5 | #fff8a6 | 1.15 |
#e5e5e5 | #d3a5e6 | 1.61 |
Tavolozza immagini Tailwind Glassy Gradient png
Esporta tavolozza
Scarica la "Tailwind Glassy Gradient" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: