Creato a 06/08/2025 14:28
Touch UI Soft Contrast System
- Tap Lavender#e5d5f5
- Hold Beige#f7e8d0
- Surface Ivory#fffbf5
- CTA Aqua#5eead4
- Accessible Text Black#1a1a1a
- Frame Gray#c7c7c7
La tavolozza è composta da Leggero, Buio colori. Colori accentati Surface Ivory #fffbf5 e CTA Aqua #5eead4. La tavolozza ha la temperatura del colore Freddo, Neutro.
Per luminosità, la tavolozza va da #1A1A1A (più scuro) a #FFFBF5 (più chiaro). L’intervallo di luminosità è ampio.
La saturazione complessiva risulta vivida (croma alto).
Le tonalità sono distribuite in modo ampio sulla ruota: tavolozza varia (euristica).
La maggior parte dei campioni risulta neutra in temperatura.
Codici HEX (ordinati): #1A1A1A, #5EEAD4, #C7C7C7, #E5D5F5, #F7E8D0, #FFFBF5
La tavolozza Touch UI Soft Contrast System ha una combinazione di colori dei codici 6:
ESADECIMALE: #e5d5f5, RGB: (229, 213, 245); ESADECIMALE: #f7e8d0, RGB: (247, 232, 208); ESADECIMALE: #fffbf5, RGB: (255, 251, 245)
ESADECIMALE: #5eead4, RGB: (94, 234, 212); ESADECIMALE: #1a1a1a, RGB: (26, 26, 26); ESADECIMALE: #c7c7c7, RGB: (199, 199, 199)
Versione semplificata della tavolozza dei colori
Ombra di thistle, Tonalità di antiquewhite, Ombra di floralwhite, Ombra di turquoise, Ombra di Nero, Ombra di Argento
La combinazione di colori è stata creata da colorslib
Codici colori nella tavolozza
Touch UI Soft Contrast System codici colore HEX, informazioni RGB in tabella
| Colore | ESADECIMALE | RGB | Nome | Nome alternativo |
| #e5d5f5 | #e5d5f5 | RGB(229, 213, 245) | Tap Lavender | — |
| #f7e8d0 | #f7e8d0 | RGB(247, 232, 208) | Hold Beige | — |
| #fffbf5 | #fffbf5 | RGB(255, 251, 245) | Surface Ivory | — |
| #5eead4 | #5eead4 | RGB(94, 234, 212) | CTA Aqua | — |
| #1a1a1a | #1a1a1a | RGB(26, 26, 26) | Accessible Text Black | Gray10 |
| #c7c7c7 | #c7c7c7 | RGB(199, 199, 199) | Frame Gray | Gray78 |
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 |
#e5d5f5 | #f7e8d0 | 1.14 |
#e5d5f5 | #fffbf5 | 1.34 |
#e5d5f5 | #5eead4 | 1.06 |
#e5d5f5 | #c7c7c7 | 1.22 |
#f7e8d0 | #fffbf5 | 1.17 |
#f7e8d0 | #5eead4 | 1.22 |
Tavolozza immagini Touch UI Soft Contrast System png
Esporta tavolozza
Scarica la "Touch UI Soft Contrast System" in più formati per un'integrazione senza interruzioni nei tuoi progetti di design.
Formati disponibili: