Creado en 06/20/2025 17:16
WebGL Interactive Design Theme
- Shader Purple#a285d1
- Canvas Black#101010
- Frame Neon#00f5ff
- Render Beige#f9f5ef
- Vertex Coral#ff8c8c
- Zoom Cyan#63f5ef
La paleta consta de Luz, Oscuro colores. Colores de acento Frame Neon #00f5ff y Vertex Coral #ff8c8c. La paleta tiene temperatura de color Frío, Neutral, Cálido.
Por luminosidad, la paleta va de #101010 (más oscuro) a #F9F5EF (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 frío.
Códigos HEX (ordenados): #00F5FF, #101010, #63F5EF, #A285D1, #F9F5EF, #FF8C8C
La paleta WebGL Interactive Design Theme tiene una combinación de colores de códigos de 6:
HEX: #a285d1, RGB: (162, 133, 209); HEX: #101010, RGB: (16, 16, 16); HEX: #00f5ff, RGB: (0, 245, 255)
HEX: #f9f5ef, RGB: (249, 245, 239); HEX: #ff8c8c, RGB: (255, 140, 140); HEX: #63f5ef, RGB: (99, 245, 239)
Versión simplificada de la paleta de colores
Sombra de mediumpurple, Sombra de Negro, Matiz de cyan, Matiz de floralwhite, Sombra de lightcoral, Sombra de cyan
El esquema de color fue creado por colourlock
Códigos de colores en la paleta
WebGL Interactive Design Theme códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #a285d1 | #a285d1 | RGB(162, 133, 209) | Shader Purple | — |
| #101010 | #101010 | RGB(16, 16, 16) | Canvas Black | — |
| #00f5ff | #00f5ff | RGB(0, 245, 255) | Frame Neon | Turquoise1 |
| #f9f5ef | #f9f5ef | RGB(249, 245, 239) | Render Beige | — |
| #ff8c8c | #ff8c8c | RGB(255, 140, 140) | Vertex Coral | — |
| #63f5ef | #63f5ef | RGB(99, 245, 239) | Zoom Cyan | — |
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 |
#a285d1 | #ff8c8c | 1.37 |
#00f5ff | #f9f5ef | 1.24 |
#00f5ff | #ff8c8c | 1.65 |
#00f5ff | #63f5ef | 1.02 |
#f9f5ef | #63f5ef | 1.22 |
#ff8c8c | #63f5ef | 1.68 |
Paleta de imágenes WebGL Interactive Design Theme png
Exportar paleta
Descargue la "WebGL Interactive Design Theme" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: