Why does setting color on a material with hex string and THREE.Color object produces different results?

Question

When I set the color on the material as a Hex String, the mesh is rendered with a color close to what I expect. But when I set it with an instance of THREE.Color(sameHexString), the mesh has a different color.

I have a simplified code that reproduces this: https://codesandbox.io/s/mystifying-wind-qhp99?file=/src/App.js

With linear on the <Canvas> both meshes are rendered with same color, but a different color than the previous 2.

Seems similar to your issue: discourse.threejs.org/t/three-color-problem/28920 — prisoner849
– prisoner849, Commented Jan 6, 2022 at 20:40

Azekiel · Accepted Answer · 2022-01-07 07:42:56Z

0

The link to the discussion that @prisoner849 commented described the exact problem. Thanks @prisoner849.

Converting the Color instance solved this problem. For more details follow the discussion.

new THREE.Color(hexString).convertSRGBToLinear()

answered Jan 7, 2022 at 7:42

Azekiel

212 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Why does setting color on a material with hex string and THREE.Color object produces different results?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related