Creado en 07/16/2025 20:12
Data Labeling Platform UI Design System
- Bounding Box Blue#4d96ff
- Annotation Yellow#ffde59
- Label Panel White#fcfcfc
- Object Mint#c1ffd7
- Review Gray#b0bec5
- Classify Coral#f88379
La paleta consta de Luz colores. Colores de acento Object Mint #c1ffd7 y Classify Coral #f88379. La paleta tiene temperatura de color Frío, Cálido, Neutral.
Por luminosidad, la paleta va de #4D96FF (más oscuro) a #FCFCFC (más claro). El rango de luminosidad es moderado.
La saturación global se siente viva (croma alto).
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): #4D96FF, #B0BEC5, #C1FFD7, #F88379, #FCFCFC, #FFDE59
La paleta Data Labeling Platform UI Design System tiene una combinación de colores de códigos de 6:
HEX: #4d96ff, RGB: (77, 150, 255); HEX: #ffde59, RGB: (255, 222, 89); HEX: #fcfcfc, RGB: (252, 252, 252)
HEX: #c1ffd7, RGB: (193, 255, 215); HEX: #b0bec5, RGB: (176, 190, 197); HEX: #f88379, RGB: (248, 131, 121)
Versión simplificada de la paleta de colores
Matiz de cornflowerblue, Sombra de gold, Matiz de Blanco, Sombra de aquamarine, Matiz de Plata, Sombra de salmon
El esquema de color fue creado por raccoon
Códigos de colores en la paleta
Data Labeling Platform UI Design System códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #4d96ff | #4d96ff | RGB(77, 150, 255) | Bounding Box Blue | — |
| #ffde59 | #ffde59 | RGB(255, 222, 89) | Annotation Yellow | — |
| #fcfcfc | #fcfcfc | RGB(252, 252, 252) | Label Panel White | Gray99 |
| #c1ffd7 | #c1ffd7 | RGB(193, 255, 215) | Object Mint | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Review Gray | Ocean Drive |
| #f88379 | #f88379 | RGB(248, 131, 121) | Classify Coral | Coral Pink |
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 |
#4d96ff | #b0bec5 | 1.54 |
#4d96ff | #f88379 | 1.19 |
#ffde59 | #fcfcfc | 1.29 |
#ffde59 | #c1ffd7 | 1.17 |
#ffde59 | #b0bec5 | 1.43 |
#ffde59 | #f88379 | 1.86 |
Paleta de imágenes Data Labeling Platform UI Design System png
Exportar paleta
Descargue la "Data Labeling Platform UI Design System" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: