Creato a 07/05/2025 13:16
Lightweight UI Framework Layers
- Minimalist Linen#fff8f0
- Z-Index Shadow Gray#c1c1c1
- Inline Aqua#aff8db
- Hover Flame#ff715b
- Nested Violet#a29bfe
La tavolozza è composta da Leggero colori. Colori accentati Minimalist Linen #fff8f0 e Nested Violet #a29bfe. La tavolozza ha la temperatura del colore Neutro, Freddo, Caldo.
Per luminosità, la tavolozza va da #FF715B (più scuro) a #FFF8F0 (più chiaro). L’intervallo di luminosità è moderato.
La saturazione complessiva risulta vivida (croma alto) — il 80% dei colori è vivido.
Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).
Complessivamente la temperatura tende al freddo (2 su 5).
Codici HEX (ordinati): #A29BFE, #AFF8DB, #C1C1C1, #FF715B, #FFF8F0
La tavolozza Lightweight UI Framework Layers ha una combinazione di colori dei codici 5:
ESADECIMALE: #fff8f0, RGB: (255, 248, 240); ESADECIMALE: #c1c1c1, RGB: (193, 193, 193); ESADECIMALE: #aff8db, RGB: (175, 248, 219)
ESADECIMALE: #ff715b, RGB: (255, 113, 91); ESADECIMALE: #a29bfe, RGB: (162, 155, 254)
Versione semplificata della tavolozza dei colori
Tonalità di floralwhite, Ombra di Argento, Ombra di aquamarine, Ombra di tomato, Tonalità di lightsteelblue
La combinazione di colori è stata creata da colourlock
Codici colori nella tavolozza
Lightweight UI Framework Layers codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
|---|---|---|---|---|
| #fff8f0 | #fff8f0 | RGB(255, 248, 240) | Minimalist Linen | — |
| #c1c1c1 | #c1c1c1 | RGB(193, 193, 193) | Z-Index Shadow Gray | Stonewall Grey |
| #aff8db | #aff8db | RGB(175, 248, 219) | Inline Aqua | — |
| #ff715b | #ff715b | RGB(255, 113, 91) | Hover Flame | — |
| #a29bfe | #a29bfe | RGB(162, 155, 254) | Nested Violet | — |
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 |
|---|---|---|
#fff8f0 | #c1c1c1 | 1.7 |
#fff8f0 | #aff8db | 1.15 |
#c1c1c1 | #aff8db | 1.48 |
#c1c1c1 | #ff715b | 1.5 |
#c1c1c1 | #a29bfe | 1.34 |
#aff8db | #a29bfe | 1.99 |
Tavolozza immagini Lightweight UI Framework Layers png
Esporta tavolozza
Scarica la "Lightweight UI Framework Layers" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: