Loading...
Creado en 07/13/2025 09:28
WebGL Simulation Studio Palette
- Shader Fog#f2f2f2
- Depth Space#111113
- Wireframe Aqua#00d9d9
- Vertex Dust#c4c4c4
- Backface Pink#ffaaa5
- Canvas Night#2a2c2e
La paleta consta de Luz, Oscuro colores. Colores de acento Wireframe Aqua #00d9d9 y Backface Pink #ffaaa5. La paleta tiene temperatura de color Neutral, Frío, Cálido.
Por luminosidad, la paleta va de #111113 (más oscuro) a #F2F2F2 (más claro). El rango de luminosidad es amplio.
La saturación global se siente en su mayoría apagada (croma bajo).
La mayoría de colores están cerca del neutro o con muy poca saturación; las relaciones de matiz son sutiles.
En conjunto, la temperatura de color tiende al frío.
Códigos HEX (ordenados): #00D9D9, #111113, #2A2C2E, #C4C4C4, #F2F2F2, #FFAAA5
La paleta WebGL Simulation Studio Palette tiene una combinación de colores de códigos de 6:
HEX: #f2f2f2, RGB: (242, 242, 242); HEX: #111113, RGB: (17, 17, 19); HEX: #00d9d9, RGB: (0, 217, 217)
HEX: #c4c4c4, RGB: (196, 196, 196); HEX: #ffaaa5, RGB: (255, 170, 165); HEX: #2a2c2e, RGB: (42, 44, 46)
Versión simplificada de la paleta de colores
Matiz de whitesmoke, Sombra de Negro, Sombra de darkturquoise, Sombra de Plata, Matiz de lightpink, Sombra de Negro
El esquema de color fue creado por hex
Códigos de colores en la paleta
WebGL Simulation Studio Palette códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #f2f2f2 | #f2f2f2 | RGB(242, 242, 242) | Shader Fog | Gray95 |
| #111113 | #111113 | RGB(17, 17, 19) | Depth Space | — |
| #00d9d9 | #00d9d9 | RGB(0, 217, 217) | Wireframe Aqua | — |
| #c4c4c4 | #c4c4c4 | RGB(196, 196, 196) | Vertex Dust | Weathered Stone |
| #ffaaa5 | #ffaaa5 | RGB(255, 170, 165) | Backface Pink | Alright Then I Became a Princess |
| #2a2c2e | #2a2c2e | RGB(42, 44, 46) | Canvas Night | — |
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 |
#f2f2f2 | #00d9d9 | 1.57 |
#f2f2f2 | #c4c4c4 | 1.55 |
#f2f2f2 | #ffaaa5 | 1.62 |
#111113 | #2a2c2e | 1.34 |
#00d9d9 | #c4c4c4 | 1 |
#00d9d9 | #ffaaa5 | 1.03 |
Paleta de imágenes WebGL Simulation Studio Palette png
Exportar paleta
Descargue la "WebGL Simulation Studio Palette" en varios formatos para una integración perfecta en sus proyectos de diseño.
Formatos disponibles: