Creato a 06/20/2025 07:50
Web UI Animation Styleboard
Tween Neon
#d0f4de
Easing Plum
#ac80a0
Step Blue
#73c2fb
Motion Beige
#fdf6e3
Hover Pink
#ffb6b9
Transform Night
#2f2d2e
La tavolozza è composta da Leggero, Buio colori. Colori accentati Step Blue #73c2fb e Hover Pink #ffb6b9. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.
La tavolozza Web UI Animation Styleboard ha una combinazione di colori dei codici 6:
ESADECIMALE: #d0f4de, RGB: (208, 244, 222); ESADECIMALE: #ac80a0, RGB: (172, 128, 160); ESADECIMALE: #73c2fb, RGB: (115, 194, 251)
ESADECIMALE: #fdf6e3, RGB: (253, 246, 227); ESADECIMALE: #ffb6b9, RGB: (255, 182, 185); ESADECIMALE: #2f2d2e, RGB: (47, 45, 46)
Versione semplificata della tavolozza dei colori
Tonalità di honeydew, Tonalità di palevioletred, Tonalità di lightskyblue, Ombra di oldlace, Tonalità di lightpink, Ombra di Nero
La combinazione di colori è stata creata da colorscheme
Codici colori nella tavolozza
Web UI Animation Styleboard codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #d0f4de | #d0f4de | RGB(208, 244, 222) | Tween Neon | — |
| #ac80a0 | #ac80a0 | RGB(172, 128, 160) | Easing Plum | — |
| #73c2fb | #73c2fb | RGB(115, 194, 251) | Step Blue | Maya Blue |
| #fdf6e3 | #fdf6e3 | RGB(253, 246, 227) | Motion Beige | — |
| #ffb6b9 | #ffb6b9 | RGB(255, 182, 185) | Hover Pink | — |
| #2f2d2e | #2f2d2e | RGB(47, 45, 46) | Transform Night | — |
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 |
#d0f4de | #73c2fb | 1.63 |
#d0f4de | #fdf6e3 | 1.1 |
#d0f4de | #ffb6b9 | 1.39 |
#ac80a0 | #73c2fb | 1.7 |
#ac80a0 | #ffb6b9 | 1.99 |
#73c2fb | #fdf6e3 | 1.79 |
