Creado en 06/30/2025 17:15
Form Builder Interface UX
- Field Fog#f5f5f5
- Input Indigo#6366f1
- Select Teal#14b8a6
- Label Blush#ffe0e0
- Focus Graphite#2e2e2e
- Validation Lime#a3f7b5
La paleta consta de Luz, Oscuro colores. Colores de acento Label Blush #ffe0e0 y Validation Lime #a3f7b5. La paleta tiene temperatura de color Neutral, Frío.
Por luminosidad, la paleta va de #2E2E2E (más oscuro) a #F5F5F5 (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).
En conjunto, la temperatura de color tiende al frío.
Códigos HEX (ordenados): #14B8A6, #2E2E2E, #6366F1, #A3F7B5, #F5F5F5, #FFE0E0
La paleta Form Builder Interface UX tiene una combinación de colores de códigos de 6:
HEX: #f5f5f5, RGB: (245, 245, 245); HEX: #6366f1, RGB: (99, 102, 241); HEX: #14b8a6, RGB: (20, 184, 166)
HEX: #ffe0e0, RGB: (255, 224, 224); HEX: #2e2e2e, RGB: (46, 46, 46); HEX: #a3f7b5, RGB: (163, 247, 181)
Versión simplificada de la paleta de colores
Matiz de mediumslateblue, Matiz de lightseagreen, Matiz de mistyrose, Sombra de Negro, Sombra de lightgreen
El esquema de color fue creado por colorstudio
Códigos de colores en la paleta
Form Builder Interface UX códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #f5f5f5 | #f5f5f5 | RGB(245, 245, 245) | Field Fog | White Smoke |
| #6366f1 | #6366f1 | RGB(99, 102, 241) | Input Indigo | — |
| #14b8a6 | #14b8a6 | RGB(20, 184, 166) | Select Teal | — |
| #ffe0e0 | #ffe0e0 | RGB(255, 224, 224) | Label Blush | — |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Focus Graphite | Carbon Fiber |
| #a3f7b5 | #a3f7b5 | RGB(163, 247, 181) | Validation Lime | — |
Contraste de la paleta de colores
5 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 |
#f5f5f5 | #ffe0e0 | 1.13 |
#f5f5f5 | #a3f7b5 | 1.16 |
#6366f1 | #14b8a6 | 1.79 |
#14b8a6 | #a3f7b5 | 1.95 |
#ffe0e0 | #a3f7b5 | 1.02 |
Paleta de imágenes Form Builder Interface UX png
Exportar paleta
Descargue la "Form Builder Interface UX" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: