I just upgraded three.js from 0.150.1 → 0.152.2 and I notice a significant color shift in the rendering: version 0.150.1 [threejs-0-150-1] version 0.152.2 [threejs-0-152-2] Is there some new setting I need to configure? Thanks, Doug

[Screenshot 2023-05-09 at 23-17-40 How to do frustum culling with instancedMesh]

[image] dugla: Is there some new setting I need to configure? Try: renderer.outputColorSpace = THREE.LinearSRGBColorSpace; I’m still unable to use the new default color management and still get the bright ‘plastic-toy’ colours I used to achieve in the past. So, setting the outputColorSpace …

I have to say, I read the pinned post and found it completely confusing. It is vague on what specifically I must to to change the way I set color to upgrade to the new linear color model. I understand the idea for a linear color model. That is not the issue. What - specifically - must I change? I cu…

same here. they expect me to learn new things and I just dont wanna. Im going to wait for other people to figure it out and then eli5 or just put examples up that I can copy-paste from :pensive:

[image] dugla: I want to move to the new model. But that post confuses far more then it explains. If you’re not setting anything regarding color today, then the sub-section under “I’m still using renderer.outputEncoding = LinearEncoding (previous default)” explains what you need to change. Th…

Don, Here is what is confusing. I am now trying to live the linear color life. I have set the following: THREE.ColorManagement.enabled = true renderer.outputColorSpace = THREE.SRGBColorSpace I see in the documentation the follow: Ensure that any THREE.ShaderMaterial instances include output co…

That doesn’t appear to be a THREE.ShaderMaterial. For THREE.MeshXMaterial you don’t need to worry about GLSL fragments and gl_FragColor. Note my method appleCrayonColorThreeJS('aluminum') internally creates a THREE.Color instance which I convert to SRB via: color.convertLinearToSRGB() If the met…

Don, There is some piece of information you are leaving out. I took a closer look at my code. All my color setting goes through this function: const appleCrayonColorThreeJS = name => { return new THREE.Color(appleCrayonColorHexValue(name)); } Where appleCrayonColorHexValue(blueberry) converts…

Ok, I found the issue. I had to go through more of my color setting functions and add: color.convertSRGBToLinear() to all the functions that create THREE.Color(r, g, b). We’re good :+1:t5:

there’s no big secret, or maybe there is. but basically, every project you start from now on is going to look better, more realistic, with more depth and dynamic range, less banding, fewer blown out highlights and blacks. everything old is doomed and will look dumb when brought into the managed colo…

Why the color palette change from v0.150.1 to v0.152.2

Questions

Lawrence3DPK May 9, 2023, 9:18pm 3

The latest color management pinned post will likely point you in the correct direction for this…

Topic		Replies	Views
Updates to Color Management in three.js r152 Discussion materials , lighting , color	75	25318	October 29, 2025
Three color problem Questions color , color-space	31	13796	March 22, 2022
Updating from r140 to r167 and color managament Questions textures , shaders , shader-material , color , color-space , material	3	612	August 12, 2024
I cannot show as expected color after upgrade to r118 from r110 Questions textures , color	6	1209	July 22, 2020
THREE.NoColorSpace error Questions webgl-renderer	19	1415	November 2, 2023

Why the color palette change from v0.150.1 to v0.152.2

Related topics