Ingrese la descripción de la imagen aquí

Ingrese la descripción de la imagen aquí

Cuando usé un color hexadecimal en una malla, como "#426158", obtuve un color. Luego, cuando configuro un objeto de color, como new Three.Color("#426158") en una malla, obtuve un color diferente. ¿Cómo puedo arreglar esto?

Primer caso:

 export function NormalMesh() { let color = new THREE.Color("#426158") return <> <mesh position={[0,1,0]}> <boxGeometry/> <meshBasicMaterial color={color} /> </mesh> </> }

Segundo caso:

 export function NormalMesh() { let color = new THREE.Color("#426158") return <> <mesh position={[0,1,0]}> <boxGeometry/> <meshBasicMaterial color={"#426158"} /> </mesh> </> }

Obtuve un resultado diferente.