Este artículo explica la relación entre #00ff00, 0x00ff00 y rgb(0, 255, 0).

He estado aprendiendo three.js recientemente y estoy un poco confundido acerca de la configuración de color, así que decidí estudiarlo.

Primero veamos dos métodos para configurar el color:

• Para establecer un color para objetos en webgl y three.js, usecolor: 0x00ff00
• Para establecer un color en CSS, puede usar color: #00ff00orgba(0, 255, 0, 1)

¿Cuál es la diferencia entre los tres métodos anteriores?

• rgba(0, 255, 0, 1)Es fácil de entender, es un valor de color RGB;
• #00ff00rgba(0, 255, 0, 1): Se utiliza con frecuencia en CSS y es una representación hexadecimal de color relativamente común. Se puede convertir a esta representación en múltiples herramientas, como las herramientas de depuración del navegador;
• Lo que es más difícil de entender 0x00ff00es que también es una representación hexadecimal del color, pero la #00ff00diferencia es: reemplace #00ff00el anterior #con 0x(¡¡aquí está el punto clave, el punto clave!!!) .

Entonces, ¿entiendes? Ya no hay necesidad de preocuparse por 0x00ff00la representación de este color. Use herramientas para obtener la #00ff00representación del color que desea, luego #cámbiela 0xy úsela en webgl y three.js.

Finalmente, con respecto a la herramienta de conversión del valor del color:

• Herramientas de depuración del navegador
• Tutorial de herramienta para principiantes: conversión de RGB a hexadecimal

Estos dos son suficientes. ¡Feliz aprendizaje a todos!