Texture colour depth as original

Picklehead · April 16, 2025, 8:27am

HI,
In the attached screenshots, the images on the left are loaded as a texture into THREE and applied to a plane in the centre of a frame.

I am trying to get the THREE texture output on the plane to match the colours of the original images.

I have tried multiple light sources, exposure etc with out luck, does any one have any suggestions on how I can achieve this?

Normally would not be a problem but the images and three canvas are being displayed on the same page.

Many thanks

donmccurdy · April 16, 2025, 12:30pm

A few things to try:

use MeshBasicMaterial to keep lighting out of the equation
set texture.colorSpace = THREE.SRGBColorSpace (or as needed for your texture)
disable tone mapping
check if the material has material.color other than white, or if the mesh has vertex colors, which would multiply against the texture

Picklehead · April 16, 2025, 1:10pm

Hi and thanks for the reply!!

It was the coding in only two of the Images causing the issue. Changed to sRGB and images are now identical.

Many Thanks!

Topic		Replies	Views
Why my images and texture are not looking same? Questions textures	1	49	February 3, 2025
Mapped texture color is slightly different with original image Questions textures	15	3759	August 26, 2022
Color difference in canvas and the actual texture Questions textures	2	742	October 31, 2022
I have a gltf inside i have materials and i apply image texture on it but there is too much difference in real image and after applying texture Questions textures , materials , lights , directional-light	3	179	June 19, 2024
Image texture is looks white Questions textures , materials , webgl-renderer	8	5640	February 14, 2025