Creato a 07/04/2025 10:11
Retro Widget UI Elements
- Toggle Taffy#ffc7c2
- Slider Shell#fff7e3
- Modal Sky#bfeaff
- Pasteboard Lilac#eedbff
- Accent Graphite#3a3a3a
- Text White#fdfdfd
La tavolozza è composta da Leggero colori. Colori accentati Slider Shell #fff7e3 e Pasteboard Lilac #eedbff. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.
Per luminosità, la tavolozza va da #3A3A3A (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): #3A3A3A, #BFEAFF, #EEDBFF, #FDFDFD, #FFC7C2, #FFF7E3
La tavolozza Retro Widget UI Elements ha una combinazione di colori dei codici 6:
ESADECIMALE: #ffc7c2, RGB: (255, 199, 194); ESADECIMALE: #fff7e3, RGB: (255, 247, 227); ESADECIMALE: #bfeaff, RGB: (191, 234, 255)
ESADECIMALE: #eedbff, RGB: (238, 219, 255); ESADECIMALE: #3a3a3a, RGB: (58, 58, 58); ESADECIMALE: #fdfdfd, RGB: (253, 253, 253)
Versione semplificata della tavolozza dei colori
Ombra di Rosa, Ombra di cornsilk, Ombra di lightblue, Ombra di thistle, Tonalità di darkslategrey, Tonalità di Bianco
La combinazione di colori è stata creata da colorstudio
Codici colori nella tavolozza
Retro Widget UI Elements codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #ffc7c2 | #ffc7c2 | RGB(255, 199, 194) | Toggle Taffy | — |
| #fff7e3 | #fff7e3 | RGB(255, 247, 227) | Slider Shell | — |
| #bfeaff | #bfeaff | RGB(191, 234, 255) | Modal Sky | — |
| #eedbff | #eedbff | RGB(238, 219, 255) | Pasteboard Lilac | — |
| #3a3a3a | #3a3a3a | RGB(58, 58, 58) | Accent Graphite | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Text White | Brilliance |
Contrasto della palette di colori
10 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 |
#ffc7c2 | #fff7e3 | 1.38 |
#ffc7c2 | #bfeaff | 1.15 |
#ffc7c2 | #eedbff | 1.14 |
#ffc7c2 | #fdfdfd | 1.45 |
#fff7e3 | #bfeaff | 1.19 |
#fff7e3 | #eedbff | 1.21 |
Tavolozza immagini Retro Widget UI Elements png
Esporta tavolozza
Scarica la "Retro Widget UI Elements" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: