Creado en 07/07/2025 17:01
Accessible Light UI Surface
- Bone White#faf9f6
- Sodium Gray#dadada
- Interface Lilac#e1c6ff
- LowVision Yellow#ffef98
- Contrast Text Black#101010
- Highlight Sky#b3e5fc
La paleta consta de Luz, Oscuro colores. Colores de acento Interface Lilac #e1c6ff y LowVision Yellow #ffef98. La paleta tiene temperatura de color Neutral, Frío, Cálido.
Por luminosidad, la paleta va de #101010 (más oscuro) a #FAF9F6 (más claro). El rango de luminosidad es amplio.
Saturación mixta: algunos colores apagados y acentos más vivos.
Algunos pares de matices están cerca de posiciones complementarias — puede leerse como contraste complementario (heurística).
En conjunto, la temperatura de color tiende al frío.
Códigos HEX (ordenados): #101010, #B3E5FC, #DADADA, #E1C6FF, #FAF9F6, #FFEF98
La paleta Accessible Light UI Surface tiene una combinación de colores de códigos de 6:
HEX: #faf9f6, RGB: (250, 249, 246); HEX: #dadada, RGB: (218, 218, 218); HEX: #e1c6ff, RGB: (225, 198, 255)
HEX: #ffef98, RGB: (255, 239, 152); HEX: #101010, RGB: (16, 16, 16); HEX: #b3e5fc, RGB: (179, 229, 252)
Versión simplificada de la paleta de colores
Sombra de whitesmoke, Matiz de gainsboro, Sombra de thistle, Sombra de Caqui, Sombra de Negro, Sombra de lightblue
El esquema de color fue creado por colorslib
Códigos de colores en la paleta
Accessible Light UI Surface códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #faf9f6 | #faf9f6 | RGB(250, 249, 246) | Bone White | — |
| #dadada | #dadada | RGB(218, 218, 218) | Sodium Gray | — |
| #e1c6ff | #e1c6ff | RGB(225, 198, 255) | Interface Lilac | — |
| #ffef98 | #ffef98 | RGB(255, 239, 152) | LowVision Yellow | — |
| #101010 | #101010 | RGB(16, 16, 16) | Contrast Text Black | — |
| #b3e5fc | #b3e5fc | RGB(179, 229, 252) | Highlight Sky | — |
Contraste de la paleta de colores
10 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 |
#faf9f6 | #dadada | 1.32 |
#faf9f6 | #e1c6ff | 1.45 |
#faf9f6 | #ffef98 | 1.1 |
#faf9f6 | #b3e5fc | 1.28 |
#dadada | #e1c6ff | 1.09 |
#dadada | #ffef98 | 1.2 |
Paleta de imágenes Accessible Light UI Surface png
Exportar paleta
Descargue la "Accessible Light UI Surface" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: