Loading...
Creato a 06/05/2025 19:35
Analog Bubble UI System
- Bubble Cream#fff5ec
- Signal Teal#70e6c7
- Wave Magenta#f776b6
- Overlay Ink#1d1d2c
- Banner Sky#add6ff
- Soft Violet#d6c2ff
La tavolozza è composta da Leggero, Buio colori. Colori accentati Bubble Cream #fff5ec e Soft Violet #d6c2ff. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #1D1D2C (più scuro) a #FFF5EC (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).
Complessivamente la temperatura tende al freddo.
Codici HEX (ordinati): #1D1D2C, #70E6C7, #ADD6FF, #D6C2FF, #F776B6, #FFF5EC
La tavolozza Analog Bubble UI System ha una combinazione di colori dei codici 6:
ESADECIMALE: #fff5ec, RGB: (255, 245, 236); ESADECIMALE: #70e6c7, RGB: (112, 230, 199); ESADECIMALE: #f776b6, RGB: (247, 118, 182)
ESADECIMALE: #1d1d2c, RGB: (29, 29, 44); ESADECIMALE: #add6ff, RGB: (173, 214, 255); ESADECIMALE: #d6c2ff, RGB: (214, 194, 255)
Versione semplificata della tavolozza dei colori
Ombra di linen, Tonalità di aquamarine, Ombra di hotpink, Ombra di Nero, Ombra di lightskyblue, Ombra di thistle
La combinazione di colori è stata creata da colorscheme
Codici colori nella tavolozza
Analog Bubble UI System codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #fff5ec | #fff5ec | RGB(255, 245, 236) | Bubble Cream | — |
| #70e6c7 | #70e6c7 | RGB(112, 230, 199) | Signal Teal | — |
| #f776b6 | #f776b6 | RGB(247, 118, 182) | Wave Magenta | — |
| #1d1d2c | #1d1d2c | RGB(29, 29, 44) | Overlay Ink | — |
| #add6ff | #add6ff | RGB(173, 214, 255) | Banner Sky | — |
| #d6c2ff | #d6c2ff | RGB(214, 194, 255) | Soft Violet | — |
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 |
#fff5ec | #70e6c7 | 1.41 |
#fff5ec | #add6ff | 1.41 |
#fff5ec | #d6c2ff | 1.49 |
#70e6c7 | #f776b6 | 1.68 |
#70e6c7 | #add6ff | 1 |
#70e6c7 | #d6c2ff | 1.06 |
Tavolozza immagini Analog Bubble UI System png
Esporta tavolozza
Scarica la "Analog Bubble UI System" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: