Creado en 07/08/2025 20:20
Next.js Predictive UX Mesh
React Graphite
#2b2d42
Prediction Pink
#ffa3b1
SSR Silver
#d9d9d9
Function Sky
#a8e6ff
Hook Green
#55d6be
Viewport White
#f9f9f9
La paleta consta de Oscuro, Luz colores. Colores de acento Prediction Pink #ffa3b1 y Function Sky #a8e6ff. La paleta tiene temperatura de color Frío, Cálido, Neutral.
La paleta Next.js Predictive UX Mesh tiene una combinación de colores de códigos de 6:
HEX: #2b2d42, RGB: (43, 45, 66); HEX: #ffa3b1, RGB: (255, 163, 177); HEX: #d9d9d9, RGB: (217, 217, 217)
HEX: #a8e6ff, RGB: (168, 230, 255); HEX: #55d6be, RGB: (85, 214, 190); HEX: #f9f9f9, RGB: (249, 249, 249)
Versión simplificada de la paleta de colores
Sombra de midnightblue, Matiz de lightpink, Matiz de gainsboro, Sombra de lightblue, Matiz de turquoise, Sombra de whitesmoke
El esquema de color fue creado por hex
Códigos de colores en la paleta
Next.js Predictive UX Mesh códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #2b2d42 | #2b2d42 | RGB(43, 45, 66) | React Graphite | — |
| #ffa3b1 | #ffa3b1 | RGB(255, 163, 177) | Prediction Pink | — |
| #d9d9d9 | #d9d9d9 | RGB(217, 217, 217) | SSR Silver | Gray85 |
| #a8e6ff | #a8e6ff | RGB(168, 230, 255) | Function Sky | — |
| #55d6be | #55d6be | RGB(85, 214, 190) | Hook Green | — |
| #f9f9f9 | #f9f9f9 | RGB(249, 249, 249) | Viewport White | Doctor |
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 |
#ffa3b1 | #d9d9d9 | 1.33 |
#ffa3b1 | #a8e6ff | 1.38 |
#ffa3b1 | #55d6be | 1.05 |
#ffa3b1 | #f9f9f9 | 1.79 |
#d9d9d9 | #a8e6ff | 1.03 |
#d9d9d9 | #55d6be | 1.26 |
