Creado en 07/24/2025 13:25
Context-Aware Interface Builder
- Context Fog#e7ecef
- Adaptive Coral#ff9a91
- Intent Indigo#7d7bff
- Response White#ffffff
- Model Grey#bebebe
- Feedback Lime#c9ff73
La paleta consta de Luz colores. Colores de acento Intent Indigo #7d7bff y Feedback Lime #c9ff73. La paleta tiene temperatura de color Neutral, Cálido, Frío.
Por luminosidad, la paleta va de #C9FF73 (más oscuro) a #FFFFFF (más claro). El rango de luminosidad es moderado.
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 cálido.
Códigos HEX (ordenados): #7D7BFF, #BEBEBE, #C9FF73, #E7ECEF, #FF9A91, #FFFFFF
La paleta Context-Aware Interface Builder tiene una combinación de colores de códigos de 6:
HEX: #e7ecef, RGB: (231, 236, 239); HEX: #ff9a91, RGB: (255, 154, 145); HEX: #7d7bff, RGB: (125, 123, 255)
HEX: #ffffff, RGB: (255, 255, 255); HEX: #bebebe, RGB: (190, 190, 190); HEX: #c9ff73, RGB: (201, 255, 115)
Versión simplificada de la paleta de colores
Matiz de aliceblue, Sombra de salmon, Sombra de mediumslateblue, Blanco, Matiz de Plata, Sombra de greenyellow
El esquema de color fue creado por colorscheme
Códigos de colores en la paleta
Context-Aware Interface Builder códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #e7ecef | #e7ecef | RGB(231, 236, 239) | Context Fog | — |
| #ff9a91 | #ff9a91 | RGB(255, 154, 145) | Adaptive Coral | — |
| #7d7bff | #7d7bff | RGB(125, 123, 255) | Intent Indigo | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Response White | White |
| #bebebe | #bebebe | RGB(190, 190, 190) | Model Grey | Tin Soldier |
| #c9ff73 | #c9ff73 | RGB(201, 255, 115) | Feedback Lime | — |
Contraste de la paleta de colores
11 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 |
#e7ecef | #ff9a91 | 1.71 |
#e7ecef | #ffffff | 1.19 |
#e7ecef | #bebebe | 1.56 |
#e7ecef | #c9ff73 | 1.02 |
#ff9a91 | #7d7bff | 1.67 |
#ff9a91 | #bebebe | 1.09 |
Paleta de imágenes Context-Aware Interface Builder png
Exportar paleta
Descargue la "Context-Aware Interface Builder" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: