Interactive Learning UI Flow
- Quiz Yellow#ffe066
- Hover Ink#111111
- Module Sky#8ecae6
- Score Green#00b894
- Popup Blush#ffd6d6
- Overlay White#fafafa
Creado en 06/14/2025 19:45
La paleta consta de Claro, Oscuro colores. Colores de acento Score Green #00b894 y Popup Blush #ffd6d6. La paleta tiene temperatura de color Cálido, Neutral, Frío.
Por luminosidad, la paleta va de #111111 (más oscuro) a #FAFAFA (más claro). El rango de luminosidad es amplio.
La saturación global se siente viva (croma alto) — el 67% de los colores son vivos.
Algunos colores están casi opuestos en la rueda de color, lo que da a la paleta un contraste complementario.
Las notas cálidas y frías están bastante equilibradas (2 cálidas, 2 frías).
Códigos HEX (ordenados): #00B894, #111111, #8ECAE6, #FAFAFA, #FFD6D6, #FFE066
La paleta Interactive Learning UI Flow combina 6 códigos de color:
HEX: #ffe066, RGB: (255, 224, 102); HEX: #111111, RGB: (17, 17, 17); HEX: #8ecae6, RGB: (142, 202, 230)
HEX: #00b894, RGB: (0, 184, 148); HEX: #ffd6d6, RGB: (255, 214, 214); HEX: #fafafa, RGB: (250, 250, 250)
Versión simplificada de la paleta de colores
Tono claro de Oro, Tono claro de Negro, Tono oscuro de Azul cielo, Tono oscuro de Aguamarina medio, Tono oscuro de Rosa brumoso, Tono claro de Humo blanco
El esquema de color fue creado por colourlock
Códigos de colores en la paleta
Interactive Learning UI Flow códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
|---|---|---|---|---|
| #ffe066 | #ffe066 | RGB(255, 224, 102) | Quiz Yellow | — |
| #111111 | #111111 | RGB(17, 17, 17) | Hover Ink | Dreamless Sleep |
| #8ecae6 | #8ecae6 | RGB(142, 202, 230) | Module Sky | — |
| #00b894 | #00b894 | RGB(0, 184, 148) | Score Green | — |
| #ffd6d6 | #ffd6d6 | RGB(255, 214, 214) | Popup Blush | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Overlay White | Dr. White |
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 |
|---|---|---|
#ffe066 | #8ecae6 | 1.37 |
#ffe066 | #00b894 | 1.94 |
#ffe066 | #ffd6d6 | 1.01 |
#ffe066 | #fafafa | 1.24 |
#8ecae6 | #00b894 | 1.41 |
#8ecae6 | #ffd6d6 | 1.34 |
Paleta de imágenes Interactive Learning UI Flow png
Exportar paleta
Descargue la "Interactive Learning UI Flow" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: