Creato a 06/02/2025 10:19
Cassette UI Collage
- Label Yellow#fff48f
- Case Gray#dddee2
- MixTape Red#ff6f6f
- Button Aqua#7bead0
- Background Rewind White#fffffc
- Track Black#1a1a1a
La tavolozza è composta da Leggero, Buio colori. Colori accentati Case Gray #dddee2 e Background Rewind White #fffffc. La tavolozza ha la temperatura del colore Caldo, Neutro, Freddo.
Per luminosità, la tavolozza va da #1A1A1A (più scuro) a #FFFFFC (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 caldo.
Codici HEX (ordinati): #1A1A1A, #7BEAD0, #DDDEE2, #FF6F6F, #FFF48F, #FFFFFC
La tavolozza Cassette UI Collage ha una combinazione di colori dei codici 6:
ESADECIMALE: #fff48f, RGB: (255, 244, 143); ESADECIMALE: #dddee2, RGB: (221, 222, 226); ESADECIMALE: #ff6f6f, RGB: (255, 111, 111)
ESADECIMALE: #7bead0, RGB: (123, 234, 208); ESADECIMALE: #fffffc, RGB: (255, 255, 252); ESADECIMALE: #1a1a1a, RGB: (26, 26, 26)
Versione semplificata della tavolozza dei colori
Ombra di Cachi, Ombra di gainsboro, Tonalità di lightcoral, Ombra di turquoise, Tonalità di Bianco, Ombra di Nero
La combinazione di colori è stata creata da colorscheme
Codici colori nella tavolozza
Cassette UI Collage codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #fff48f | #fff48f | RGB(255, 244, 143) | Label Yellow | — |
| #dddee2 | #dddee2 | RGB(221, 222, 226) | Case Gray | — |
| #ff6f6f | #ff6f6f | RGB(255, 111, 111) | MixTape Red | — |
| #7bead0 | #7bead0 | RGB(123, 234, 208) | Button Aqua | — |
| #fffffc | #fffffc | RGB(255, 255, 252) | Background Rewind White | — |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Track Black | Gray10 |
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 |
#fff48f | #dddee2 | 1.18 |
#fff48f | #7bead0 | 1.28 |
#fff48f | #fffffc | 1.12 |
#dddee2 | #7bead0 | 1.07 |
#dddee2 | #fffffc | 1.34 |
#ff6f6f | #7bead0 | 1.87 |
Tavolozza immagini Cassette UI Collage png
Esporta tavolozza
Scarica la "Cassette UI Collage" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: