Creato a 07/14/2025 07:52
Responsive UI Motion Theme
- Ease Pink#fda7dc
- Stagger Blue#70a1d7
- Fade Cream#fffaf0
- Slide Graphite#444444
- Delay Mint#a3f7bf
- Motion White#fdfdfd
La tavolozza è composta da Leggero colori. Colori accentati Stagger Blue #70a1d7 e Fade Cream #fffaf0. La tavolozza ha la temperatura del colore Neutro, Freddo.
Per luminosità, la tavolozza va da #444444 (più scuro) a #FDFDFD (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).
La maggior parte dei campioni risulta neutra in temperatura.
Codici HEX (ordinati): #444444, #70A1D7, #A3F7BF, #FDA7DC, #FDFDFD, #FFFAF0
La tavolozza Responsive UI Motion Theme ha una combinazione di colori dei codici 6:
ESADECIMALE: #fda7dc, RGB: (253, 167, 220); ESADECIMALE: #70a1d7, RGB: (112, 161, 215); ESADECIMALE: #fffaf0, RGB: (255, 250, 240)
ESADECIMALE: #444444, RGB: (68, 68, 68); ESADECIMALE: #a3f7bf, RGB: (163, 247, 191); ESADECIMALE: #fdfdfd, RGB: (253, 253, 253)
Versione semplificata della tavolozza dei colori
Ombra di plum, Ombra di cornflowerblue, Tonalità di dimgrey, Ombra di aquamarine, Tonalità di Bianco
La combinazione di colori è stata creata da bad_colors
Codici colori nella tavolozza
Responsive UI Motion Theme codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #fda7dc | #fda7dc | RGB(253, 167, 220) | Ease Pink | — |
| #70a1d7 | #70a1d7 | RGB(112, 161, 215) | Stagger Blue | — |
| #fffaf0 | #fffaf0 | RGB(255, 250, 240) | Fade Cream | Floral White |
| #444444 | #444444 | RGB(68, 68, 68) | Slide Graphite | Goshawk Grey |
| #a3f7bf | #a3f7bf | RGB(163, 247, 191) | Delay Mint | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Motion White | Brilliance |
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 |
#fda7dc | #70a1d7 | 1.51 |
#fda7dc | #fffaf0 | 1.71 |
#fda7dc | #a3f7bf | 1.41 |
#fda7dc | #fdfdfd | 1.75 |
#fffaf0 | #a3f7bf | 1.21 |
#fffaf0 | #fdfdfd | 1.02 |
Tavolozza immagini Responsive UI Motion Theme png
Esporta tavolozza
Scarica la "Responsive UI Motion Theme" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: