Creado en 06/19/2025 20:56
No-Code App Builder Palette
- DragDrop Indigo#6a67ce
- Template Cream#fff7ed
- Workflow Salmon#ffa69e
- Preview Fog#e5e5e5
- Builder Jet#1b1b1e
- Cardinal Red#c44536
La paleta consta de Luz, Oscuro, semioscuro colores. Colores de acento DragDrop Indigo #6a67ce y Template Cream #fff7ed. La paleta tiene temperatura de color Frío, Neutral, Cálido.
Por luminosidad, la paleta va de #1B1B1E (más oscuro) a #FFF7ED (más claro). El rango de luminosidad es amplio.
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): #1B1B1E, #6A67CE, #C44536, #E5E5E5, #FFA69E, #FFF7ED
La paleta No-Code App Builder Palette tiene una combinación de colores de códigos de 6:
HEX: #6a67ce, RGB: (106, 103, 206); HEX: #fff7ed, RGB: (255, 247, 237); HEX: #ffa69e, RGB: (255, 166, 158)
HEX: #e5e5e5, RGB: (229, 229, 229); HEX: #1b1b1e, RGB: (27, 27, 30); HEX: #c44536, RGB: (196, 69, 54)
Versión simplificada de la paleta de colores
Sombra de slateblue, Matiz de floralwhite, Matiz de lightpink, Sombra de gainsboro, Sombra de Negro, Sombra de firebrick
El esquema de color fue creado por palettespicker
Códigos de colores en la paleta
No-Code App Builder Palette códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #6a67ce | #6a67ce | RGB(106, 103, 206) | DragDrop Indigo | — |
| #fff7ed | #fff7ed | RGB(255, 247, 237) | Template Cream | Fatback |
| #ffa69e | #ffa69e | RGB(255, 166, 158) | Workflow Salmon | — |
| #e5e5e5 | #e5e5e5 | RGB(229, 229, 229) | Preview Fog | Gray90 |
| #1b1b1e | #1b1b1e | RGB(27, 27, 30) | Builder Jet | — |
| #c44536 | #c44536 | RGB(196, 69, 54) | Cardinal Red | — |
Contraste de la paleta de colores
4 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 |
#6a67ce | #c44536 | 1.04 |
#fff7ed | #ffa69e | 1.76 |
#fff7ed | #e5e5e5 | 1.18 |
#ffa69e | #e5e5e5 | 1.48 |
Paleta de imágenes No-Code App Builder Palette png
Exportar paleta
Descargue la "No-Code App Builder Palette" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: