Creado en 08/21/2025 11:52
Figma Prototype Accessibility Suite
- Frame Violet#8e5ff7
- Canvas Light#fafafa
- Vector Blue#4fc3f7
- Overlay Gray#b0bec5
- Anchor Teal#26a69a
- Accessibility Black#121212
La paleta consta de Luz, Oscuro colores. Colores de acento Canvas Light #fafafa y Vector Blue #4fc3f7. La paleta tiene temperatura de color Frío, Neutral.
Por luminosidad, la paleta va de #121212 (más oscuro) a #FAFAFA (más claro). El rango de luminosidad es amplio.
Saturación mixta: algunos colores apagados y acentos más vivos.
Los matices quedan en una banda vecina en la rueda (heurística).
En conjunto, la temperatura de color tiende al frío.
Códigos HEX (ordenados): #121212, #26A69A, #4FC3F7, #8E5FF7, #B0BEC5, #FAFAFA
La paleta Figma Prototype Accessibility Suite tiene una combinación de colores de códigos de 6:
HEX: #8e5ff7, RGB: (142, 95, 247); HEX: #fafafa, RGB: (250, 250, 250); HEX: #4fc3f7, RGB: (79, 195, 247)
HEX: #b0bec5, RGB: (176, 190, 197); HEX: #26a69a, RGB: (38, 166, 154); HEX: #121212, RGB: (18, 18, 18)
Versión simplificada de la paleta de colores
Sombra de mediumslateblue, Sombra de whitesmoke, Sombra de deepskyblue, Matiz de Plata, Matiz de lightseagreen, Sombra de Negro
El esquema de color fue creado por colorstudio
Más paletas con:
Códigos de colores en la paleta
Figma Prototype Accessibility Suite códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #8e5ff7 | #8e5ff7 | RGB(142, 95, 247) | Frame Violet | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Canvas Light | Dr. White |
| #4fc3f7 | #4fc3f7 | RGB(79, 195, 247) | Vector Blue | — |
| #b0bec5 | #b0bec5 | RGB(176, 190, 197) | Overlay Gray | Ocean Drive |
| #26a69a | #26a69a | RGB(38, 166, 154) | Anchor Teal | — |
| #121212 | #121212 | RGB(18, 18, 18) | Accessibility Black | Dark Tone Ink |
Contraste de la paleta de colores
6 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 |
#8e5ff7 | #26a69a | 1.36 |
#fafafa | #4fc3f7 | 1.91 |
#fafafa | #b0bec5 | 1.82 |
#4fc3f7 | #b0bec5 | 1.05 |
#4fc3f7 | #26a69a | 1.49 |
#b0bec5 | #26a69a | 1.57 |
Paleta de imágenes Figma Prototype Accessibility Suite png
Exportar paleta
Descargue la "Figma Prototype Accessibility Suite" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: