Creado en 06/09/2025 16:01
AI Wireframe Flowchart
- Logic Coral#ff8360
- Node Map Blue#00b8d9
- Frame Whisper#f7f7f7
- Error Trace Red#ff4b5c
- Dark Pattern Navy#223843
- Validation Green#4caf50
- Auto Flow Yellow#fff275
La paleta consta de Luz colores. Colores de acento Node Map Blue #00b8d9 y Auto Flow Yellow #fff275. La paleta tiene temperatura de color Cálido, Frío, Neutral.
Por luminosidad, la paleta va de #223843 (más oscuro) a #F7F7F7 (más claro). El rango de luminosidad es amplio.
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).
Las notas cálidas y frías están bastante equilibradas.
Códigos HEX (ordenados): #00B8D9, #223843, #4CAF50, #F7F7F7, #FF4B5C, #FF8360, #FFF275
La paleta AI Wireframe Flowchart tiene una combinación de colores de códigos de 7:
HEX: #ff8360, RGB: (255, 131, 96); HEX: #00b8d9, RGB: (0, 184, 217); HEX: #f7f7f7, RGB: (247, 247, 247)
HEX: #ff4b5c, RGB: (255, 75, 92); HEX: #223843, RGB: (34, 56, 67); HEX: #4caf50, RGB: (76, 175, 80)
HEX: #fff275, RGB: (255, 242, 117)
Versión simplificada de la paleta de colores
Sombra de coral, Matiz de deepskyblue, Sombra de whitesmoke, Sombra de indianred, Matiz de darkslategrey, Matiz de mediumseagreen, Sombra de Caqui
El esquema de color fue creado por colourlock
Códigos de colores en la paleta
AI Wireframe Flowchart códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #ff8360 | #ff8360 | RGB(255, 131, 96) | Logic Coral | — |
| #00b8d9 | #00b8d9 | RGB(0, 184, 217) | Node Map Blue | — |
| #f7f7f7 | #f7f7f7 | RGB(247, 247, 247) | Frame Whisper | Lynx White |
| #ff4b5c | #ff4b5c | RGB(255, 75, 92) | Error Trace Red | — |
| #223843 | #223843 | RGB(34, 56, 67) | Dark Pattern Navy | — |
| #4caf50 | #4caf50 | RGB(76, 175, 80) | Validation Green | — |
| #fff275 | #fff275 | RGB(255, 242, 117) | Auto Flow Yellow | — |
Contraste de la paleta de colores
7 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 |
#ff8360 | #00b8d9 | 1.02 |
#ff8360 | #ff4b5c | 1.35 |
#ff8360 | #4caf50 | 1.14 |
#00b8d9 | #ff4b5c | 1.38 |
#00b8d9 | #4caf50 | 1.17 |
#f7f7f7 | #fff275 | 1.07 |
Paleta de imágenes AI Wireframe Flowchart png
Exportar paleta
Descargue la "AI Wireframe Flowchart" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: