Creato a 07/11/2025 10:12
Ambient Glow UI Elements
- Lumen Teal#38bdf8
- Soft Shine Coral#ff9f9f
- Ambient Fog White#faf9f6
- Highlight Fade Pink#ffb5c2
- Muted Edge Slate#707070
- Interactive Light Yellow#f7e733
La tavolozza è composta da Leggero colori. Colori accentati Lumen Teal #38bdf8 e Highlight Fade Pink #ffb5c2. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.
Per luminosità, la tavolozza va da #707070 (più scuro) a #FAF9F6 (più chiaro). L’intervallo di luminosità è moderato.
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 caldo.
Codici HEX (ordinati): #38BDF8, #707070, #F7E733, #FAF9F6, #FF9F9F, #FFB5C2
La tavolozza Ambient Glow UI Elements ha una combinazione di colori dei codici 6:
ESADECIMALE: #38bdf8, RGB: (56, 189, 248); ESADECIMALE: #ff9f9f, RGB: (255, 159, 159); ESADECIMALE: #faf9f6, RGB: (250, 249, 246)
ESADECIMALE: #ffb5c2, RGB: (255, 181, 194); ESADECIMALE: #707070, RGB: (112, 112, 112); ESADECIMALE: #f7e733, RGB: (247, 231, 51)
Versione semplificata della tavolozza dei colori
Ombra di deepskyblue, Ombra di lightcoral, Ombra di whitesmoke, Tonalità di lightpink, Ombra di dimgrey, Ombra di gold
La combinazione di colori è stata creata da raccoon
Codici colori nella tavolozza
Ambient Glow UI Elements codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #38bdf8 | #38bdf8 | RGB(56, 189, 248) | Lumen Teal | — |
| #ff9f9f | #ff9f9f | RGB(255, 159, 159) | Soft Shine Coral | — |
| #faf9f6 | #faf9f6 | RGB(250, 249, 246) | Ambient Fog White | — |
| #ffb5c2 | #ffb5c2 | RGB(255, 181, 194) | Highlight Fade Pink | — |
| #707070 | #707070 | RGB(112, 112, 112) | Muted Edge Slate | Gray44 |
| #f7e733 | #f7e733 | RGB(247, 231, 51) | Interactive Light Yellow | — |
Contrasto della palette di colori
9 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 |
|---|---|---|
#38bdf8 | #ff9f9f | 1.09 |
#38bdf8 | #ffb5c2 | 1.28 |
#38bdf8 | #f7e733 | 1.67 |
#ff9f9f | #faf9f6 | 1.86 |
#ff9f9f | #ffb5c2 | 1.18 |
#ff9f9f | #f7e733 | 1.53 |
Tavolozza immagini Ambient Glow UI Elements png
Esporta tavolozza
Scarica la "Ambient Glow UI Elements" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: