Human-Centered AI UI Builder
- Trust Purple#ae8ff3
- Voice White#ffffff
- Empathy Rose#ffb5b5
- Interaction Grey#d1d1d1
- Intent Green#8ed6c1
- Accessibility Black#202020
Creado en 08/02/2025 13:28
La paleta consta de Claro, Oscuro colores. Colores de acento Empathy Rose #ffb5b5 y Intent Green #8ed6c1. La paleta tiene temperatura de color Frío, Neutral, Cálido.
Por luminosidad, la paleta va de #202020 (más oscuro) a #FFFFFF (más claro). El rango de luminosidad es amplio.
Saturación mixta: 3 apagados y 2 vivos de 6 colores.
Algunos colores están casi opuestos en la rueda de color, lo que da a la paleta un contraste complementario.
En conjunto, la temperatura de color tiende al frío (2 de 6).
Códigos HEX (ordenados): #202020, #8ED6C1, #AE8FF3, #D1D1D1, #FFB5B5, #FFFFFF
La paleta Human-Centered AI UI Builder combina 6 códigos de color:
HEX: #ae8ff3, RGB: (174, 143, 243); HEX: #ffffff, RGB: (255, 255, 255); HEX: #ffb5b5, RGB: (255, 181, 181)
HEX: #d1d1d1, RGB: (209, 209, 209); HEX: #8ed6c1, RGB: (142, 214, 193); HEX: #202020, RGB: (32, 32, 32)
Versión simplificada de la paleta de colores
Tono claro de Púrpura medio, Blanco, Tono oscuro de Rosa claro, Tono oscuro de Gris claro, Tono claro de Aguamarina medio, Tono claro de Negro
El esquema de color fue creado por colorhunt
Códigos de colores en la paleta
Human-Centered AI UI Builder códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
|---|---|---|---|---|
| #ae8ff3 | #ae8ff3 | RGB(174, 143, 243) | Trust Purple | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Voice White | White |
| #ffb5b5 | #ffb5b5 | RGB(255, 181, 181) | Empathy Rose | — |
| #d1d1d1 | #d1d1d1 | RGB(209, 209, 209) | Interaction Grey | Gray82 |
| #8ed6c1 | #8ed6c1 | RGB(142, 214, 193) | Intent Green | — |
| #202020 | #202020 | RGB(32, 32, 32) | Accessibility Black | — |
Contraste de la paleta de colores
9 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 |
|---|---|---|
#ae8ff3 | #ffb5b5 | 1.56 |
#ae8ff3 | #d1d1d1 | 1.71 |
#ae8ff3 | #8ed6c1 | 1.56 |
#ffffff | #ffb5b5 | 1.67 |
#ffffff | #d1d1d1 | 1.52 |
#ffffff | #8ed6c1 | 1.67 |
Paleta de imágenes Human-Centered AI UI Builder png
Exportar paleta
Descargue la "Human-Centered AI UI Builder" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: