Creado en 06/08/2025 17:50
Touch Optimized Web UI Stack
Surface Blush
#ffdada
CTA Azure
#83c5be
Label Jet
#212121
Background Vanilla
#fdf6e3
Accent Salmon
#ff8e72
Tap Highlight Blue
#a9def9
La paleta consta de Luz, Oscuro colores. Colores de acento Surface Blush #ffdada y Tap Highlight Blue #a9def9. La paleta tiene temperatura de color Neutral, Frío, Cálido.
La paleta Touch Optimized Web UI Stack tiene una combinación de colores de códigos de 6:
HEX: #ffdada, RGB: (255, 218, 218); HEX: #83c5be, RGB: (131, 197, 190); HEX: #212121, RGB: (33, 33, 33)
HEX: #fdf6e3, RGB: (253, 246, 227); HEX: #ff8e72, RGB: (255, 142, 114); HEX: #a9def9, RGB: (169, 222, 249)
Versión simplificada de la paleta de colores
Matiz de mistyrose, Sombra de mediumturquoise, Sombra de Negro, Sombra de oldlace, Sombra de darksalmon, Sombra de lightblue
El esquema de color fue creado por raccoon
Códigos de colores en la paleta
Touch Optimized Web UI Stack códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #ffdada | #ffdada | RGB(255, 218, 218) | Surface Blush | — |
| #83c5be | #83c5be | RGB(131, 197, 190) | CTA Azure | — |
| #212121 | #212121 | RGB(33, 33, 33) | Label Jet | Lead |
| #fdf6e3 | #fdf6e3 | RGB(253, 246, 227) | Background Vanilla | — |
| #ff8e72 | #ff8e72 | RGB(255, 142, 114) | Accent Salmon | — |
| #a9def9 | #a9def9 | RGB(169, 222, 249) | Tap Highlight Blue | — |
Contraste de la paleta de colores
9 pares de colores tienen un contraste bajo y necesitan mejoras, lo que puede afectar la legibilidad.
| Color de texto | Color de fondo | Relación de contraste |
#ffdada | #83c5be | 1.52 |
#ffdada | #fdf6e3 | 1.19 |
#ffdada | #ff8e72 | 1.73 |
#ffdada | #a9def9 | 1.12 |
#83c5be | #fdf6e3 | 1.82 |
#83c5be | #ff8e72 | 1.14 |
