Creado en 03/12/2022 14:16
Design system user interface app
- Gray (HTML/CSS Gray)#817a84
- Gray (X11)#bdb9bf
- Arsenic#433f45
- Gray (HTML/CSS Gray)#7a8083
- Philippine Silver#b8b4ba
- Davy's Grey#4c545c
La paleta consta de Luz, semioscuro colores. Colores de acento Arsenic #433f45 y Davy's Grey #4c545c. La paleta tiene temperatura de color Neutral, Frío.
Por luminosidad, la paleta va de #433F45 (más oscuro) a #BDB9BF (más claro). El rango de luminosidad es moderado.
La saturación global se siente en su mayoría apagada (croma bajo).
La mayoría de colores están cerca del neutro o con muy poca saturación; las relaciones de matiz son sutiles.
La mayoría de muestras se leen como neutras en temperatura.
Códigos HEX (ordenados): #433F45, #4C545C, #7A8083, #817A84, #B8B4BA, #BDB9BF
La paleta Design system user interface app tiene una combinación de colores de códigos de 6:
HEX: #817a84, RGB: (129, 122, 132); HEX: #bdb9bf, RGB: (189, 185, 191); HEX: #433f45, RGB: (67, 63, 69)
HEX: #7a8083, RGB: (122, 128, 131); HEX: #b8b4ba, RGB: (184, 180, 186); HEX: #4c545c, RGB: (76, 84, 92)
Versión simplificada de la paleta de colores
Matiz de Gris, Matiz de Plata, Matiz de dimgrey, Matiz de Gris, Matiz de Plata, Matiz de dimgrey
El esquema de color fue creado por colorswall
Códigos de colores en la paleta
Design system user interface app códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #817a84 | #817a84 | RGB(129, 122, 132) | Gray (HTML/CSS Gray) | — |
| #bdb9bf | #bdb9bf | RGB(189, 185, 191) | Gray (X11) | — |
| #433f45 | #433f45 | RGB(67, 63, 69) | Arsenic | — |
| #7a8083 | #7a8083 | RGB(122, 128, 131) | Gray (HTML/CSS Gray) | — |
| #b8b4ba | #b8b4ba | RGB(184, 180, 186) | Philippine Silver | — |
| #4c545c | #4c545c | RGB(76, 84, 92) | Davy's Grey | — |
Contraste de la paleta de colores
6 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 |
#817a84 | #7a8083 | 1.03 |
#817a84 | #4c545c | 1.84 |
#bdb9bf | #b8b4ba | 1.05 |
#433f45 | #4c545c | 1.34 |
#7a8083 | #b8b4ba | 1.95 |
#7a8083 | #4c545c | 1.92 |
Paleta de imágenes Design system user interface app png
Exportar paleta
Descargue la "Design system user interface app" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: