Creado en 07/22/2025 17:04
Data-Driven Design System Colors
- Metric Blue#3a7ca5
- Schema Pink#ff99c8
- UX Signal White#f5f5f5
- Insight Indigo#4b0082
- Process Graphite#2f2f2f
- Label Green#b6f7b1
La paleta consta de Luz, Oscuro colores. Colores de acento Schema Pink #ff99c8 y Label Green #b6f7b1. La paleta tiene temperatura de color Frío, Cálido, Neutral.
Por luminosidad, la paleta va de #2F2F2F (más oscuro) a #F5F5F5 (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): #2F2F2F, #3A7CA5, #4B0082, #B6F7B1, #F5F5F5, #FF99C8
La paleta Data-Driven Design System Colors tiene una combinación de colores de códigos de 6:
HEX: #3a7ca5, RGB: (58, 124, 165); HEX: #ff99c8, RGB: (255, 153, 200); HEX: #f5f5f5, RGB: (245, 245, 245)
HEX: #4b0082, RGB: (75, 0, 130); HEX: #2f2f2f, RGB: (47, 47, 47); HEX: #b6f7b1, RGB: (182, 247, 177)
Versión simplificada de la paleta de colores
Matiz de steelblue, Sombra de plum, Sombra de Negro, Sombra de palegreen
El esquema de color fue creado por colorslib
Códigos de colores en la paleta
Data-Driven Design System Colors códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #3a7ca5 | #3a7ca5 | RGB(58, 124, 165) | Metric Blue | — |
| #ff99c8 | #ff99c8 | RGB(255, 153, 200) | Schema Pink | — |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | UX Signal White | White Smoke |
| #4b0082 | #4b0082 | RGB(75, 0, 130) | Insight Indigo | Indigo |
| #2f2f2f | #2f2f2f | RGB(47, 47, 47) | Process Graphite | — |
| #b6f7b1 | #b6f7b1 | RGB(182, 247, 177) | Label Green | — |
Contraste de la paleta de colores
4 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 |
#ff99c8 | #f5f5f5 | 1.8 |
#ff99c8 | #b6f7b1 | 1.59 |
#f5f5f5 | #b6f7b1 | 1.13 |
#4b0082 | #2f2f2f | 1.03 |
Paleta de imágenes Data-Driven Design System Colors png
Exportar paleta
Descargue la "Data-Driven Design System Colors" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: