From 336ad8bae265e65174a169c6f24e295ce0b97315 Mon Sep 17 00:00:00 2001
From: Mugen87 <michael.herzog@human-interactive.org>
Date: Sat, 21 May 2022 10:11:49 +0200
Subject: [PATCH 1/2] WebGLRenderer: Rename outputEncoding to outputColorSpace.

---
 docs/api/en/renderers/WebGLRenderer.html                 | 8 ++++----
 docs/api/zh/renderers/WebGLRenderer.html                 | 4 ++--
 docs/examples/en/loaders/GLTFLoader.html                 | 2 +-
 docs/examples/zh/loaders/GLTFLoader.html                 | 2 +-
 docs/manual/en/introduction/Color-management.html        | 6 +++---
 docs/scenes/material-browser.html                        | 2 +-
 editor/js/Sidebar.Project.Renderer.js                    | 2 +-
 editor/js/libs/app.js                                    | 2 +-
 editor/js/libs/ui.three.js                               | 2 +-
 examples/games_fps.html                                  | 2 +-
 examples/js/objects/Reflector.js                         | 2 +-
 examples/js/objects/ReflectorForSSRPass.js               | 2 +-
 examples/js/objects/Refractor.js                         | 2 +-
 examples/jsm/nodes/materials/NodeMaterial.js             | 2 +-
 examples/jsm/objects/Reflector.js                        | 2 +-
 examples/jsm/objects/ReflectorForSSRPass.js              | 2 +-
 examples/jsm/objects/Refractor.js                        | 2 +-
 examples/jsm/renderers/webgpu/WebGPURenderer.js          | 4 ++--
 examples/misc_controls_arcball.html                      | 2 +-
 examples/misc_exporter_collada.html                      | 2 +-
 examples/misc_exporter_obj.html                          | 2 +-
 examples/misc_exporter_ply.html                          | 2 +-
 examples/misc_exporter_usdz.html                         | 2 +-
 examples/physics_ammo_instancing.html                    | 2 +-
 examples/physics_oimo_instancing.html                    | 2 +-
 examples/webaudio_orientation.html                       | 2 +-
 examples/webgl_animation_keyframes.html                  | 2 +-
 examples/webgl_animation_multiple.html                   | 2 +-
 examples/webgl_animation_skinning_additive_blending.html | 2 +-
 examples/webgl_animation_skinning_blending.html          | 2 +-
 examples/webgl_animation_skinning_morph.html             | 2 +-
 examples/webgl_buffergeometry.html                       | 2 +-
 examples/webgl_buffergeometry_drawrange.html             | 2 +-
 examples/webgl_buffergeometry_lines.html                 | 2 +-
 examples/webgl_buffergeometry_lines_indexed.html         | 2 +-
 examples/webgl_buffergeometry_uint.html                  | 2 +-
 examples/webgl_furnace_test.html                         | 4 ++--
 examples/webgl_geometry_teapot.html                      | 2 +-
 examples/webgl_instancing_modified.html                  | 2 +-
 examples/webgl_instancing_performance.html               | 2 +-
 examples/webgl_lensflares.html                           | 2 +-
 examples/webgl_lightningstrike.html                      | 2 +-
 examples/webgl_lightprobe.html                           | 2 +-
 examples/webgl_lightprobe_cubecamera.html                | 2 +-
 examples/webgl_lights_hemisphere.html                    | 2 +-
 examples/webgl_lights_physical.html                      | 2 +-
 examples/webgl_lights_rectarealight.html                 | 2 +-
 examples/webgl_lights_spotlight.html                     | 2 +-
 examples/webgl_lights_spotlights.html                    | 2 +-
 examples/webgl_loader_3dm.html                           | 2 +-
 examples/webgl_loader_3ds.html                           | 2 +-
 examples/webgl_loader_3mf_materials.html                 | 2 +-
 examples/webgl_loader_collada.html                       | 2 +-
 examples/webgl_loader_collada_kinematics.html            | 2 +-
 examples/webgl_loader_collada_skinning.html              | 2 +-
 examples/webgl_loader_draco.html                         | 2 +-
 examples/webgl_loader_gltf.html                          | 2 +-
 examples/webgl_loader_gltf_compressed.html               | 2 +-
 examples/webgl_loader_gltf_sheen.html                    | 2 +-
 examples/webgl_loader_gltf_transmission.html             | 2 +-
 examples/webgl_loader_gltf_variants.html                 | 2 +-
 examples/webgl_loader_kmz.html                           | 2 +-
 examples/webgl_loader_ldraw.html                         | 2 +-
 examples/webgl_loader_lwo.html                           | 2 +-
 examples/webgl_loader_md2.html                           | 2 +-
 examples/webgl_loader_md2_control.html                   | 2 +-
 examples/webgl_loader_obj_mtl.html                       | 2 +-
 examples/webgl_loader_ply.html                           | 2 +-
 examples/webgl_loader_stl.html                           | 2 +-
 examples/webgl_loader_svg.html                           | 2 +-
 examples/webgl_loader_texture_exr.html                   | 2 +-
 examples/webgl_loader_texture_hdr.html                   | 2 +-
 examples/webgl_loader_texture_ktx2.html                  | 2 +-
 examples/webgl_loader_texture_logluv.html                | 2 +-
 examples/webgl_loader_texture_rgbm.html                  | 2 +-
 examples/webgl_marchingcubes.html                        | 2 +-
 examples/webgl_materials_bumpmap.html                    | 2 +-
 examples/webgl_materials_car.html                        | 2 +-
 examples/webgl_materials_cubemap_dynamic.html            | 2 +-
 examples/webgl_materials_displacementmap.html            | 2 +-
 examples/webgl_materials_envmaps.html                    | 2 +-
 examples/webgl_materials_envmaps_exr.html                | 2 +-
 examples/webgl_materials_envmaps_hdr.html                | 2 +-
 examples/webgl_materials_lightmap.html                   | 2 +-
 examples/webgl_materials_matcap.html                     | 2 +-
 examples/webgl_materials_normalmap_object_space.html     | 2 +-
 examples/webgl_materials_physical_clearcoat.html         | 2 +-
 examples/webgl_materials_physical_reflectivity.html      | 2 +-
 examples/webgl_materials_physical_transmission.html      | 2 +-
 examples/webgl_materials_standard.html                   | 2 +-
 examples/webgl_materials_standard_nodes.html             | 2 +-
 examples/webgl_materials_subsurface_scattering.html      | 2 +-
 examples/webgl_materials_variations_basic.html           | 2 +-
 examples/webgl_materials_variations_lambert.html         | 2 +-
 examples/webgl_materials_variations_phong.html           | 2 +-
 examples/webgl_materials_variations_physical.html        | 2 +-
 examples/webgl_materials_variations_standard.html        | 2 +-
 examples/webgl_materials_variations_toon.html            | 2 +-
 examples/webgl_morphtargets_face.html                    | 2 +-
 examples/webgl_morphtargets_horse.html                   | 2 +-
 examples/webgl_nodes_playground.html                     | 2 +-
 examples/webgl_pmrem_test.html                           | 2 +-
 examples/webgl_portal.html                               | 2 +-
 examples/webgl_shaders_sky.html                          | 2 +-
 examples/webgl_shadowmap.html                            | 2 +-
 examples/webgl_shadowmap_pcss.html                       | 2 +-
 examples/webgl_shadowmap_performance.html                | 2 +-
 examples/webgl_tonemapping.html                          | 2 +-
 examples/webgpu_lights_selective.html                    | 2 +-
 examples/webgpu_nodes_playground.html                    | 2 +-
 examples/webgpu_skinning.html                            | 2 +-
 examples/webgpu_skinning_instancing.html                 | 2 +-
 examples/webxr_ar_lighting.html                          | 2 +-
 examples/webxr_vr_ballshooter.html                       | 2 +-
 examples/webxr_vr_cubes.html                             | 2 +-
 examples/webxr_vr_dragging.html                          | 2 +-
 examples/webxr_vr_handinput.html                         | 2 +-
 examples/webxr_vr_handinput_cubes.html                   | 2 +-
 examples/webxr_vr_handinput_pointerclick.html            | 2 +-
 examples/webxr_vr_handinput_pointerdrag.html             | 2 +-
 examples/webxr_vr_handinput_pressbutton.html             | 2 +-
 examples/webxr_vr_handinput_profiles.html                | 2 +-
 examples/webxr_vr_haptics.html                           | 2 +-
 examples/webxr_vr_layers.html                            | 2 +-
 examples/webxr_vr_paint.html                             | 2 +-
 examples/webxr_vr_sculpt.html                            | 2 +-
 examples/webxr_vr_teleport.html                          | 2 +-
 manual/examples/background-v01.html                      | 2 +-
 manual/examples/background.html                          | 2 +-
 manual/examples/cleanup-loaded-files.html                | 2 +-
 manual/examples/game-check-animations.html               | 2 +-
 manual/examples/game-conga-line-w-notes.html             | 2 +-
 manual/examples/game-conga-line.html                     | 2 +-
 manual/examples/game-just-player.html                    | 2 +-
 manual/examples/game-load-models.html                    | 2 +-
 manual/examples/game-player-input.html                   | 2 +-
 manual/examples/load-gltf-animated-cars.html             | 2 +-
 manual/examples/load-gltf-car-path-fixed.html            | 2 +-
 manual/examples/load-gltf-car-path.html                  | 2 +-
 manual/examples/load-gltf-dump-scenegraph-extra.html     | 2 +-
 manual/examples/load-gltf-dump-scenegraph.html           | 2 +-
 manual/examples/load-gltf-rotate-cars-fixed.html         | 2 +-
 manual/examples/load-gltf-rotate-cars.html               | 2 +-
 manual/examples/load-gltf-shadows.html                   | 2 +-
 manual/examples/load-gltf.html                           | 2 +-
 manual/examples/load-obj-auto-camera-xz.html             | 2 +-
 manual/examples/load-obj-auto-camera.html                | 2 +-
 manual/examples/load-obj-materials-fixed.html            | 2 +-
 manual/examples/load-obj-materials-windmill2.html        | 2 +-
 manual/examples/load-obj-materials.html                  | 2 +-
 manual/examples/load-obj-no-materials.html               | 2 +-
 manual/examples/load-obj-wat.html                        | 2 +-
 manual/examples/postprocessing-3dlut-prep.html           | 2 +-
 src/renderers/WebGLRenderer.js                           | 8 ++++----
 src/renderers/webgl/WebGLProgram.js                      | 2 +-
 src/renderers/webgl/WebGLPrograms.js                     | 6 +++---
 src/renderers/webxr/WebXRManager.js                      | 6 +++---
 157 files changed, 172 insertions(+), 172 deletions(-)

diff --git a/docs/api/en/renderers/WebGLRenderer.html b/docs/api/en/renderers/WebGLRenderer.html
index e1a4b41a623129..0e208dfb3a449b 100644
--- a/docs/api/en/renderers/WebGLRenderer.html
+++ b/docs/api/en/renderers/WebGLRenderer.html
@@ -98,7 +98,7 @@ <h3>[property:Boolean autoClearStencil]</h3>
 
 		<h3>[property:Object debug]</h3>
 		<p>
-		- [page:Boolean checkShaderErrors]: 
+		- [page:Boolean checkShaderErrors]:
 		  If it is true, defines whether material shader programs are checked
 			for errors during compilation and linkage process. It may be useful to disable this check in production for performance gain.
 			It is strongly recommended to keep these checks enabled during development.
@@ -155,7 +155,7 @@ <h3>[property:DOMElement domElement]</h3>
 
 		<h3>[property:Object extensions]</h3>
 		<p>
-		- [page:Object get]( [param:String extensionName] ): 
+		- [page:Object get]( [param:String extensionName] ):
 		Used to check whether various extensions are supported and returns an object with details of the extension if available.
 		This method can check for the following extensions:<br />
 
@@ -168,8 +168,8 @@ <h3>[property:Object extensions]</h3>
 		</ul>
 		</p>
 
-		<h3>[property:number outputEncoding]</h3>
-		<p>Defines the output encoding of the renderer. Default is [page:Textures THREE.LinearEncoding].</p>
+		<h3>[property:number outputColorSpace]</h3>
+		<p>Defines the output colorspace of the renderer. Default is [page:Textures THREE.LinearEncoding].</p>
 		<p>If a render target has been set using [page:WebGLRenderer.setRenderTarget .setRenderTarget] then renderTarget.texture.encoding will be used instead.</p>
 		<p>See the [page:Textures texture constants] page for details of other formats.</p>
 
diff --git a/docs/api/zh/renderers/WebGLRenderer.html b/docs/api/zh/renderers/WebGLRenderer.html
index c7624291247718..a3c457184cb736 100644
--- a/docs/api/zh/renderers/WebGLRenderer.html
+++ b/docs/api/zh/renderers/WebGLRenderer.html
@@ -133,7 +133,7 @@ <h3>[property:DOMElement domElement]</h3>
 
 		<h3>[property:Object extensions]</h3>
 		<p>
-		- [page:Object get]( [param:String extensionName] ): 
+		- [page:Object get]( [param:String extensionName] ):
 			用于检查是否支持各种扩展，并返回一个对象，其中包含扩展的详细信息。
 			该方法检查以下扩展：<br />
 
@@ -146,7 +146,7 @@ <h3>[property:Object extensions]</h3>
 		</ul>
 		</p>
 
-		<h3>[property:number outputEncoding]</h3>
+		<h3>[property:number outputColorSpace]</h3>
 		<p>定义渲染器的输出编码。默认为[page:Textures THREE.LinearEncoding]</p>
 		<p>如果渲染目标已经使用 [page:WebGLRenderer.setRenderTarget .setRenderTarget]、之后将直接使用renderTarget.texture.encoding</p>
 		<p>查看[page:Textures texture constants]页面以获取其他格式细节</p>
diff --git a/docs/examples/en/loaders/GLTFLoader.html b/docs/examples/en/loaders/GLTFLoader.html
index 57b8cbcc11cfce..e26a0f6aae3e26 100644
--- a/docs/examples/en/loaders/GLTFLoader.html
+++ b/docs/examples/en/loaders/GLTFLoader.html
@@ -133,7 +133,7 @@ <h2>Textures</h2>
 		in linear colorspace, always configure [page:WebGLRenderer] as follows when using glTF:</p>
 
 		<code>
-		renderer.outputEncoding = THREE.sRGBEncoding;
+		renderer.outputColorSpace = THREE.sRGBEncoding;
 		</code>
 
 		<p>GLTFLoader will automatically configure textures referenced from a .gltf or .glb file correctly, with the
diff --git a/docs/examples/zh/loaders/GLTFLoader.html b/docs/examples/zh/loaders/GLTFLoader.html
index 725d3f16aaeb3c..b36722080547ce 100644
--- a/docs/examples/zh/loaders/GLTFLoader.html
+++ b/docs/examples/zh/loaders/GLTFLoader.html
@@ -129,7 +129,7 @@ <h2>纹理</h2>
 		颜色空间并显示在屏幕上。除非你需要使用线性颜色空间进行后期处理，否则请在使用glTF的时候将[page:WebGLRenderer]进行如下配置：</p>
 
 		<code>
-		renderer.outputEncoding = THREE.sRGBEncoding;
+		renderer.outputColorSpace = THREE.sRGBEncoding;
 		</code>
 
 		<p>假设渲染器的配置如上所示，则GLTFLoader将可以正确地自动配置从.gltf或.glb文件中引用的纹理。
diff --git a/docs/manual/en/introduction/Color-management.html b/docs/manual/en/introduction/Color-management.html
index b5ee0a3c36386c..ad8383eaa37661 100644
--- a/docs/manual/en/introduction/Color-management.html
+++ b/docs/manual/en/introduction/Color-management.html
@@ -192,7 +192,7 @@ <h3>Input color space</h3>
 	<blockquote>
 		<p>
 			⚠️ <i><b>WARNING:</b> [page:Scene.fog], [page:Scene.background], and [page:WebGLRenderer.setClearColor]
-			are exceptions to the rule. These properties are unaffected by [page:WebGLRenderer.outputEncoding]
+			are exceptions to the rule. These properties are unaffected by [page:WebGLRenderer.outputColorSpace]
 			and so must store RGB components in the renderer's <u>output</u> color space.</i>
 		</p>
 	</blockquote>
@@ -219,11 +219,11 @@ <h3>Output color space</h3>
 	<p>
 		Output to a display device, image, or video may involve conversion from the open domain
 		Linear-sRGB working color space to another color space. This conversion may be performed in
-		the main render pass ([page:WebGLRenderer.outputEncoding]), or during post-processing.
+		the main render pass ([page:WebGLRenderer.outputColorSpace]), or during post-processing.
 	</p>
 
 	<code>
-renderer.outputEncoding = THREE.sRGBEncoding; // optional with post-processing
+renderer.outputColorSpace = THREE.sRGBEncoding; // optional with post-processing
 	</code>
 
 	<ul>
diff --git a/docs/scenes/material-browser.html b/docs/scenes/material-browser.html
index 652a461d426171..7a29684b4afb8f 100644
--- a/docs/scenes/material-browser.html
+++ b/docs/scenes/material-browser.html
@@ -736,7 +736,7 @@
 			const renderer = new THREE.WebGLRenderer( { antialias: true } );
 			renderer.setPixelRatio( window.devicePixelRatio );
 			renderer.setSize( window.innerWidth, window.innerHeight );
-			renderer.outputEncoding = THREE.sRGBEncoding;
+			renderer.outputColorSpace = THREE.sRGBEncoding;
 			document.body.appendChild( renderer.domElement );
 
 			const pmremGenerator = new THREE.PMREMGenerator( renderer );
diff --git a/editor/js/Sidebar.Project.Renderer.js b/editor/js/Sidebar.Project.Renderer.js
index 00e7995a87a002..2616b43935af4a 100644
--- a/editor/js/Sidebar.Project.Renderer.js
+++ b/editor/js/Sidebar.Project.Renderer.js
@@ -109,7 +109,7 @@ function SidebarProjectRenderer( editor ) {
 	function createRenderer() {
 
 		currentRenderer = new THREE.WebGLRenderer( { antialias: antialiasBoolean.getValue() } );
-		currentRenderer.outputEncoding = THREE.sRGBEncoding;
+		currentRenderer.outputColorSpace = THREE.sRGBEncoding;
 		currentRenderer.physicallyCorrectLights = physicallyCorrectLightsBoolean.getValue();
 		currentRenderer.shadowMap.enabled = shadowsBoolean.getValue();
 		currentRenderer.shadowMap.type = parseFloat( shadowTypeSelect.getValue() );
diff --git a/editor/js/libs/app.js b/editor/js/libs/app.js
index 885f76818d3a4c..e0e8655e7f2cd7 100644
--- a/editor/js/libs/app.js
+++ b/editor/js/libs/app.js
@@ -4,7 +4,7 @@ var APP = {
 
 		var renderer = new THREE.WebGLRenderer( { antialias: true } );
 		renderer.setPixelRatio( window.devicePixelRatio ); // TODO: Use player.setPixelRatio()
-		renderer.outputEncoding = THREE.sRGBEncoding;
+		renderer.outputColorSpace = THREE.sRGBEncoding;
 
 		var loader = new THREE.ObjectLoader();
 		var camera, scene;
diff --git a/editor/js/libs/ui.three.js b/editor/js/libs/ui.three.js
index 89817db9c752cf..09e77dbe009225 100644
--- a/editor/js/libs/ui.three.js
+++ b/editor/js/libs/ui.three.js
@@ -926,7 +926,7 @@ function renderToCanvas( texture ) {
 	if ( renderer === undefined ) {
 
 		renderer = new THREE.WebGLRenderer();
-		renderer.outputEncoding = THREE.sRGBEncoding;
+		renderer.outputColorSpace = THREE.sRGBEncoding;
 
 	}
 
diff --git a/examples/games_fps.html b/examples/games_fps.html
index d2be18f647c58c..e562879000f74c 100644
--- a/examples/games_fps.html
+++ b/examples/games_fps.html
@@ -76,7 +76,7 @@
 			renderer.setSize( window.innerWidth, window.innerHeight );
 			renderer.shadowMap.enabled = true;
 			renderer.shadowMap.type = THREE.VSMShadowMap;
-			renderer.outputEncoding = THREE.sRGBEncoding;
+			renderer.outputColorSpace = THREE.sRGBEncoding;
 			renderer.toneMapping = THREE.ACESFilmicToneMapping;
 			container.appendChild( renderer.domElement );
 
diff --git a/examples/js/objects/Reflector.js b/examples/js/objects/Reflector.js
index 935e80ec987b55..d5bf03479d1f5f 100644
--- a/examples/js/objects/Reflector.js
+++ b/examples/js/objects/Reflector.js
@@ -91,7 +91,7 @@
 				projectionMatrix.elements[ 10 ] = clipPlane.z + 1.0 - clipBias;
 				projectionMatrix.elements[ 14 ] = clipPlane.w; // Render
 
-				renderTarget.texture.encoding = renderer.outputEncoding;
+				renderTarget.texture.encoding = renderer.outputColorSpace;
 				scope.visible = false;
 				const currentRenderTarget = renderer.getRenderTarget();
 				const currentXrEnabled = renderer.xr.enabled;
diff --git a/examples/js/objects/ReflectorForSSRPass.js b/examples/js/objects/ReflectorForSSRPass.js
index 6f89c4bbd82c9b..da6576f193ef3e 100644
--- a/examples/js/objects/ReflectorForSSRPass.js
+++ b/examples/js/objects/ReflectorForSSRPass.js
@@ -152,7 +152,7 @@
 				textureMatrix.multiply( virtualCamera.matrixWorldInverse );
 				textureMatrix.multiply( scope.matrixWorld ); // Render
 
-				renderTarget.texture.encoding = renderer.outputEncoding; // scope.visible = false;
+				renderTarget.texture.encoding = renderer.outputColorSpace; // scope.visible = false;
 
 				const currentRenderTarget = renderer.getRenderTarget();
 				const currentXrEnabled = renderer.xr.enabled;
diff --git a/examples/js/objects/Refractor.js b/examples/js/objects/Refractor.js
index baf9cffb47e7d2..84d81df982dc88 100644
--- a/examples/js/objects/Refractor.js
+++ b/examples/js/objects/Refractor.js
@@ -162,7 +162,7 @@
 			this.onBeforeRender = function ( renderer, scene, camera ) {
 
 				// Render
-				renderTarget.texture.encoding = renderer.outputEncoding; // ensure refractors are rendered only once per frame
+				renderTarget.texture.encoding = renderer.outputColorSpace; // ensure refractors are rendered only once per frame
 
 				if ( camera.userData.refractor === true ) return; // avoid rendering when the refractor is viewed from behind
 
diff --git a/examples/jsm/nodes/materials/NodeMaterial.js b/examples/jsm/nodes/materials/NodeMaterial.js
index 7f51110c62b782..3f9079bc10b352 100644
--- a/examples/jsm/nodes/materials/NodeMaterial.js
+++ b/examples/jsm/nodes/materials/NodeMaterial.js
@@ -118,7 +118,7 @@ class NodeMaterial extends ShaderMaterial {
 
 		// ENCODING
 
-		outputNode = colorSpace( outputNode, builder.renderer.outputEncoding );
+		outputNode = colorSpace( outputNode, builder.renderer.outputColorSpace );
 
 		// FOG
 
diff --git a/examples/jsm/objects/Reflector.js b/examples/jsm/objects/Reflector.js
index 23af4943f84e71..05ce8efd6c88a1 100644
--- a/examples/jsm/objects/Reflector.js
+++ b/examples/jsm/objects/Reflector.js
@@ -136,7 +136,7 @@ class Reflector extends Mesh {
 
 			// Render
 
-			renderTarget.texture.encoding = renderer.outputEncoding;
+			renderTarget.texture.encoding = renderer.outputColorSpace;
 
 			scope.visible = false;
 
diff --git a/examples/jsm/objects/ReflectorForSSRPass.js b/examples/jsm/objects/ReflectorForSSRPass.js
index edfd2e67599a17..dbf964a7b2819a 100644
--- a/examples/jsm/objects/ReflectorForSSRPass.js
+++ b/examples/jsm/objects/ReflectorForSSRPass.js
@@ -198,7 +198,7 @@ class ReflectorForSSRPass extends Mesh {
 
 			// Render
 
-			renderTarget.texture.encoding = renderer.outputEncoding;
+			renderTarget.texture.encoding = renderer.outputColorSpace;
 
 			// scope.visible = false;
 
diff --git a/examples/jsm/objects/Refractor.js b/examples/jsm/objects/Refractor.js
index d988a8d9b28730..a65fc4d285de95 100644
--- a/examples/jsm/objects/Refractor.js
+++ b/examples/jsm/objects/Refractor.js
@@ -221,7 +221,7 @@ class Refractor extends Mesh {
 
 			// Render
 
-			renderTarget.texture.encoding = renderer.outputEncoding;
+			renderTarget.texture.encoding = renderer.outputColorSpace;
 
 			// ensure refractors are rendered only once per frame
 
diff --git a/examples/jsm/renderers/webgpu/WebGPURenderer.js b/examples/jsm/renderers/webgpu/WebGPURenderer.js
index 71abb7fba99c7e..4f1848ad0eaa8a 100644
--- a/examples/jsm/renderers/webgpu/WebGPURenderer.js
+++ b/examples/jsm/renderers/webgpu/WebGPURenderer.js
@@ -75,7 +75,7 @@ class WebGPURenderer {
 		this.autoClearDepth = true;
 		this.autoClearStencil = true;
 
-		this.outputEncoding = LinearEncoding;
+		this.outputColorSpace = LinearEncoding;
 
 		this.sortObjects = true;
 
@@ -483,7 +483,7 @@ class WebGPURenderer {
 	getCurrentEncoding() {
 
 		const renderTarget = this.getRenderTarget();
-		return ( renderTarget !== null ) ? renderTarget.texture.encoding : this.outputEncoding;
+		return ( renderTarget !== null ) ? renderTarget.texture.encoding : this.outputColorSpace;
 
 	}
 
diff --git a/examples/misc_controls_arcball.html b/examples/misc_controls_arcball.html
index a38596dc152036..1a15166082395c 100644
--- a/examples/misc_controls_arcball.html
+++ b/examples/misc_controls_arcball.html
@@ -101,7 +101,7 @@
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.toneMapping = THREE.ReinhardToneMapping;
 				renderer.toneMappingExposure = 3;
 				renderer.domElement.style.background = 'linear-gradient( 180deg, rgba( 0,0,0,1 ) 0%, rgba( 128,128,255,1 ) 100% )';
diff --git a/examples/misc_exporter_collada.html b/examples/misc_exporter_collada.html
index 2117e9677ba1d0..bd77979ab62ef5 100644
--- a/examples/misc_exporter_collada.html
+++ b/examples/misc_exporter_collada.html
@@ -85,7 +85,7 @@
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( canvasWidth, canvasHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				container.appendChild( renderer.domElement );
 
 				// EVENTS
diff --git a/examples/misc_exporter_obj.html b/examples/misc_exporter_obj.html
index b29b60733fc00e..2af9dd115fce83 100644
--- a/examples/misc_exporter_obj.html
+++ b/examples/misc_exporter_obj.html
@@ -49,7 +49,7 @@
 			function init() {
 
 				renderer = new THREE.WebGLRenderer();
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				document.body.appendChild( renderer.domElement );
diff --git a/examples/misc_exporter_ply.html b/examples/misc_exporter_ply.html
index 72a7e13ee039eb..4bf082b109d58f 100644
--- a/examples/misc_exporter_ply.html
+++ b/examples/misc_exporter_ply.html
@@ -104,7 +104,7 @@
 				//
 
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				renderer.shadowMap.enabled = true;
diff --git a/examples/misc_exporter_usdz.html b/examples/misc_exporter_usdz.html
index 5fe999dab99e25..55b787dd7df8de 100644
--- a/examples/misc_exporter_usdz.html
+++ b/examples/misc_exporter_usdz.html
@@ -68,7 +68,7 @@
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				renderer.toneMapping = THREE.ACESFilmicToneMapping;
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				document.body.appendChild( renderer.domElement );
 
 				camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 0.25, 20 );
diff --git a/examples/physics_ammo_instancing.html b/examples/physics_ammo_instancing.html
index fec4e2e2ff0730..a3153726cda03d 100644
--- a/examples/physics_ammo_instancing.html
+++ b/examples/physics_ammo_instancing.html
@@ -124,7 +124,7 @@
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				renderer.shadowMap.enabled = true;
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				document.body.appendChild( renderer.domElement );
 
 				stats = new Stats();
diff --git a/examples/physics_oimo_instancing.html b/examples/physics_oimo_instancing.html
index 0840bea75a4fbc..1de91e51f96247 100644
--- a/examples/physics_oimo_instancing.html
+++ b/examples/physics_oimo_instancing.html
@@ -123,7 +123,7 @@
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				renderer.shadowMap.enabled = true;
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				document.body.appendChild( renderer.domElement );
 
 				stats = new Stats();
diff --git a/examples/webaudio_orientation.html b/examples/webaudio_orientation.html
index bde6a68314efc5..0b96eab55c6e8f 100644
--- a/examples/webaudio_orientation.html
+++ b/examples/webaudio_orientation.html
@@ -153,7 +153,7 @@
 			renderer = new THREE.WebGLRenderer( { antialias: true } );
 			renderer.setSize( window.innerWidth, window.innerHeight );
 			renderer.setPixelRatio( window.devicePixelRatio );
-			renderer.outputEncoding = THREE.sRGBEncoding;
+			renderer.outputColorSpace = THREE.sRGBEncoding;
 			renderer.shadowMap.enabled = true;
 			container.appendChild( renderer.domElement );
 
diff --git a/examples/webgl_animation_keyframes.html b/examples/webgl_animation_keyframes.html
index 93456ff741cbd8..94c5b2c1ead2e9 100644
--- a/examples/webgl_animation_keyframes.html
+++ b/examples/webgl_animation_keyframes.html
@@ -62,7 +62,7 @@
 			const renderer = new THREE.WebGLRenderer( { antialias: true } );
 			renderer.setPixelRatio( window.devicePixelRatio );
 			renderer.setSize( window.innerWidth, window.innerHeight );
-			renderer.outputEncoding = THREE.sRGBEncoding;
+			renderer.outputColorSpace = THREE.sRGBEncoding;
 			container.appendChild( renderer.domElement );
 
 			const pmremGenerator = new THREE.PMREMGenerator( renderer );
diff --git a/examples/webgl_animation_multiple.html b/examples/webgl_animation_multiple.html
index 41fe7082c4bb0a..7947a6b494519c 100644
--- a/examples/webgl_animation_multiple.html
+++ b/examples/webgl_animation_multiple.html
@@ -110,7 +110,7 @@
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.shadowMap.enabled = true;
 				document.body.appendChild( renderer.domElement );
 
diff --git a/examples/webgl_animation_skinning_additive_blending.html b/examples/webgl_animation_skinning_additive_blending.html
index 54d141d9684355..64681e99f17ace 100644
--- a/examples/webgl_animation_skinning_additive_blending.html
+++ b/examples/webgl_animation_skinning_additive_blending.html
@@ -158,7 +158,7 @@
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.shadowMap.enabled = true;
 				container.appendChild( renderer.domElement );
 
diff --git a/examples/webgl_animation_skinning_blending.html b/examples/webgl_animation_skinning_blending.html
index 140d598bf04249..2fc88a4e711817 100644
--- a/examples/webgl_animation_skinning_blending.html
+++ b/examples/webgl_animation_skinning_blending.html
@@ -136,7 +136,7 @@
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.shadowMap.enabled = true;
 				container.appendChild( renderer.domElement );
 
diff --git a/examples/webgl_animation_skinning_morph.html b/examples/webgl_animation_skinning_morph.html
index 5fd0193529c538..914c1a1e2ad2c4 100644
--- a/examples/webgl_animation_skinning_morph.html
+++ b/examples/webgl_animation_skinning_morph.html
@@ -118,7 +118,7 @@
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				container.appendChild( renderer.domElement );
 
 				window.addEventListener( 'resize', onWindowResize );
diff --git a/examples/webgl_buffergeometry.html b/examples/webgl_buffergeometry.html
index 48dec5916e86ca..545770b9183277 100644
--- a/examples/webgl_buffergeometry.html
+++ b/examples/webgl_buffergeometry.html
@@ -170,7 +170,7 @@
 				renderer = new THREE.WebGLRenderer();
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				container.appendChild( renderer.domElement );
 
diff --git a/examples/webgl_buffergeometry_drawrange.html b/examples/webgl_buffergeometry_drawrange.html
index 332c4679ddb0da..21acd9ccae0a98 100644
--- a/examples/webgl_buffergeometry_drawrange.html
+++ b/examples/webgl_buffergeometry_drawrange.html
@@ -177,7 +177,7 @@
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				container.appendChild( renderer.domElement );
 
diff --git a/examples/webgl_buffergeometry_lines.html b/examples/webgl_buffergeometry_lines.html
index 40a775dd549eb2..fa89df27405dab 100644
--- a/examples/webgl_buffergeometry_lines.html
+++ b/examples/webgl_buffergeometry_lines.html
@@ -93,7 +93,7 @@
 				renderer = new THREE.WebGLRenderer();
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				container.appendChild( renderer.domElement );
 
diff --git a/examples/webgl_buffergeometry_lines_indexed.html b/examples/webgl_buffergeometry_lines_indexed.html
index 086bc8477ff1bb..6926caf19848f7 100644
--- a/examples/webgl_buffergeometry_lines_indexed.html
+++ b/examples/webgl_buffergeometry_lines_indexed.html
@@ -198,7 +198,7 @@
 				renderer = new THREE.WebGLRenderer();
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				container.appendChild( renderer.domElement );
 
diff --git a/examples/webgl_buffergeometry_uint.html b/examples/webgl_buffergeometry_uint.html
index 2b92b8559db7d7..27e95f96bd2bc2 100644
--- a/examples/webgl_buffergeometry_uint.html
+++ b/examples/webgl_buffergeometry_uint.html
@@ -169,7 +169,7 @@
 				renderer = new THREE.WebGLRenderer();
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				container.appendChild( renderer.domElement );
 
diff --git a/examples/webgl_furnace_test.html b/examples/webgl_furnace_test.html
index dac34e14168d02..37cbb7c549a32c 100644
--- a/examples/webgl_furnace_test.html
+++ b/examples/webgl_furnace_test.html
@@ -50,7 +50,7 @@
 				renderer.setPixelRatio( window.devicePixelRatio );
 				document.body.appendChild( renderer.domElement );
 
-				//renderer.outputEncoding = THREE.sRGBEncoding; // optional
+				//renderer.outputColorSpace = THREE.sRGBEncoding; // optional
 
 				window.addEventListener( 'resize', onWindowResize );
 
@@ -121,7 +121,7 @@
 
 				const envScene = new THREE.Scene();
 				envScene.background = new THREE.Color( COLOR );
-				if ( renderer.outputEncoding === THREE.sRGBEncoding ) envScene.background.convertSRGBToLinear();
+				if ( renderer.outputColorSpace === THREE.sRGBEncoding ) envScene.background.convertSRGBToLinear();
 
 				const pmremGenerator = new THREE.PMREMGenerator( renderer );
 				radianceMap = pmremGenerator.fromScene( envScene ).texture;
diff --git a/examples/webgl_geometry_teapot.html b/examples/webgl_geometry_teapot.html
index b16f185c10436d..04dee27f0f518d 100644
--- a/examples/webgl_geometry_teapot.html
+++ b/examples/webgl_geometry_teapot.html
@@ -75,7 +75,7 @@
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( canvasWidth, canvasHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				container.appendChild( renderer.domElement );
 
 				// EVENTS
diff --git a/examples/webgl_instancing_modified.html b/examples/webgl_instancing_modified.html
index af7c04a98a5309..55077bafa23219 100644
--- a/examples/webgl_instancing_modified.html
+++ b/examples/webgl_instancing_modified.html
@@ -49,7 +49,7 @@
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				document.body.appendChild( renderer.domElement );
 
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				scene = new THREE.Scene();
 
diff --git a/examples/webgl_instancing_performance.html b/examples/webgl_instancing_performance.html
index 095e96d6ce32c3..88808fecfd5927 100644
--- a/examples/webgl_instancing_performance.html
+++ b/examples/webgl_instancing_performance.html
@@ -258,7 +258,7 @@
 			renderer = new THREE.WebGLRenderer( { antialias: true } );
 			renderer.setPixelRatio( window.devicePixelRatio );
 			renderer.setSize( width, height );
-			renderer.outputEncoding = THREE.sRGBEncoding;
+			renderer.outputColorSpace = THREE.sRGBEncoding;
 
 			container = document.getElementById( 'container' );
 			container.appendChild( renderer.domElement );
diff --git a/examples/webgl_lensflares.html b/examples/webgl_lensflares.html
index a33552a15f34db..4dc254254174d8 100644
--- a/examples/webgl_lensflares.html
+++ b/examples/webgl_lensflares.html
@@ -127,7 +127,7 @@
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				container.appendChild( renderer.domElement );
 
 				//
diff --git a/examples/webgl_lightningstrike.html b/examples/webgl_lightningstrike.html
index 2446231315e80a..70d0a3c24f2d94 100644
--- a/examples/webgl_lightningstrike.html
+++ b/examples/webgl_lightningstrike.html
@@ -66,7 +66,7 @@
 				renderer = new THREE.WebGLRenderer();
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				container.appendChild( renderer.domElement );
 
diff --git a/examples/webgl_lightprobe.html b/examples/webgl_lightprobe.html
index e1fc6888b6174e..6cdc3584296053 100644
--- a/examples/webgl_lightprobe.html
+++ b/examples/webgl_lightprobe.html
@@ -60,7 +60,7 @@
 				// tone mapping
 				renderer.toneMapping = THREE.NoToneMapping;
 
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				// scene
 				scene = new THREE.Scene();
diff --git a/examples/webgl_lightprobe_cubecamera.html b/examples/webgl_lightprobe_cubecamera.html
index e9c2ed3d1bd1cb..cff62fdbd284d0 100644
--- a/examples/webgl_lightprobe_cubecamera.html
+++ b/examples/webgl_lightprobe_cubecamera.html
@@ -45,7 +45,7 @@
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				document.body.appendChild( renderer.domElement );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				// scene
 				scene = new THREE.Scene();
diff --git a/examples/webgl_lights_hemisphere.html b/examples/webgl_lights_hemisphere.html
index 08207312d16ad0..23408c12c5d349 100644
--- a/examples/webgl_lights_hemisphere.html
+++ b/examples/webgl_lights_hemisphere.html
@@ -202,7 +202,7 @@
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				container.appendChild( renderer.domElement );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.shadowMap.enabled = true;
 
 				// STATS
diff --git a/examples/webgl_lights_physical.html b/examples/webgl_lights_physical.html
index fbf957d146f39a..d84a1e97cfbcf3 100644
--- a/examples/webgl_lights_physical.html
+++ b/examples/webgl_lights_physical.html
@@ -231,7 +231,7 @@
 
 				renderer = new THREE.WebGLRenderer();
 				renderer.physicallyCorrectLights = true;
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.shadowMap.enabled = true;
 				renderer.toneMapping = THREE.ReinhardToneMapping;
 				renderer.setPixelRatio( window.devicePixelRatio );
diff --git a/examples/webgl_lights_rectarealight.html b/examples/webgl_lights_rectarealight.html
index 3a7b13863de344..43e99aced0f5a6 100644
--- a/examples/webgl_lights_rectarealight.html
+++ b/examples/webgl_lights_rectarealight.html
@@ -46,7 +46,7 @@
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				renderer.setAnimationLoop( animation );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				document.body.appendChild( renderer.domElement );
 
 				camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 1000 );
diff --git a/examples/webgl_lights_spotlight.html b/examples/webgl_lights_spotlight.html
index 98bf7f54f8e07e..fc0000a8ff0068 100644
--- a/examples/webgl_lights_spotlight.html
+++ b/examples/webgl_lights_spotlight.html
@@ -48,7 +48,7 @@
 				renderer.shadowMap.enabled = true;
 
 				renderer.shadowMap.type = THREE.PCFSoftShadowMap;
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				scene = new THREE.Scene();
 
diff --git a/examples/webgl_lights_spotlights.html b/examples/webgl_lights_spotlights.html
index 865379ab904d85..6c4e69e6e9a44f 100644
--- a/examples/webgl_lights_spotlights.html
+++ b/examples/webgl_lights_spotlights.html
@@ -64,7 +64,7 @@
 
 				renderer.shadowMap.enabled = true;
 				renderer.shadowMap.type = THREE.PCFSoftShadowMap;
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				camera.position.set( 46, 22, - 21 );
 
diff --git a/examples/webgl_loader_3dm.html b/examples/webgl_loader_3dm.html
index 65e383f57cc653..20c6ee7815f80f 100644
--- a/examples/webgl_loader_3dm.html
+++ b/examples/webgl_loader_3dm.html
@@ -66,7 +66,7 @@
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				document.body.appendChild( renderer.domElement );
 
 				camera = new THREE.PerspectiveCamera( 60, window.innerWidth / window.innerHeight, 1, 1000 );
diff --git a/examples/webgl_loader_3ds.html b/examples/webgl_loader_3ds.html
index 64d4788a273395..3b5da378b14ec7 100644
--- a/examples/webgl_loader_3ds.html
+++ b/examples/webgl_loader_3ds.html
@@ -77,7 +77,7 @@
 				renderer = new THREE.WebGLRenderer();
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				container.appendChild( renderer.domElement );
 
 				controls = new TrackballControls( camera, renderer.domElement );
diff --git a/examples/webgl_loader_3mf_materials.html b/examples/webgl_loader_3mf_materials.html
index a4a083a6b0139e..cf9dfb413d4000 100644
--- a/examples/webgl_loader_3mf_materials.html
+++ b/examples/webgl_loader_3mf_materials.html
@@ -110,7 +110,7 @@
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.shadowMap.enabled = true;
 				renderer.shadowMap.type = THREE.PCFSoftShadowMap;
 				document.body.appendChild( renderer.domElement );
diff --git a/examples/webgl_loader_collada.html b/examples/webgl_loader_collada.html
index ed24ecb288c028..5834c21b9614aa 100644
--- a/examples/webgl_loader_collada.html
+++ b/examples/webgl_loader_collada.html
@@ -81,7 +81,7 @@
 				//
 
 				renderer = new THREE.WebGLRenderer();
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				container.appendChild( renderer.domElement );
diff --git a/examples/webgl_loader_collada_kinematics.html b/examples/webgl_loader_collada_kinematics.html
index 4bc8c18dfa753d..1379ab83c58d12 100644
--- a/examples/webgl_loader_collada_kinematics.html
+++ b/examples/webgl_loader_collada_kinematics.html
@@ -101,7 +101,7 @@
 				particleLight.add( pointLight );
 
 				renderer = new THREE.WebGLRenderer();
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				container.appendChild( renderer.domElement );
diff --git a/examples/webgl_loader_collada_skinning.html b/examples/webgl_loader_collada_skinning.html
index 4cb67da0118225..8efe9541603450 100644
--- a/examples/webgl_loader_collada_skinning.html
+++ b/examples/webgl_loader_collada_skinning.html
@@ -94,7 +94,7 @@
 				//
 
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				container.appendChild( renderer.domElement );
diff --git a/examples/webgl_loader_draco.html b/examples/webgl_loader_draco.html
index 6c65664c2e4fef..d3b25c716d46f1 100644
--- a/examples/webgl_loader_draco.html
+++ b/examples/webgl_loader_draco.html
@@ -92,7 +92,7 @@
 			renderer = new THREE.WebGLRenderer( { antialias: true } );
 			renderer.setPixelRatio( window.devicePixelRatio );
 			renderer.setSize( window.innerWidth, window.innerHeight );
-			renderer.outputEncoding = THREE.sRGBEncoding;
+			renderer.outputColorSpace = THREE.sRGBEncoding;
 			renderer.shadowMap.enabled = true;
 			container.appendChild( renderer.domElement );
 
diff --git a/examples/webgl_loader_gltf.html b/examples/webgl_loader_gltf.html
index 9380fa08113766..51d87ab43b881c 100644
--- a/examples/webgl_loader_gltf.html
+++ b/examples/webgl_loader_gltf.html
@@ -79,7 +79,7 @@
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				renderer.toneMapping = THREE.ACESFilmicToneMapping;
 				renderer.toneMappingExposure = 1;
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				container.appendChild( renderer.domElement );
 
 				const controls = new OrbitControls( camera, renderer.domElement );
diff --git a/examples/webgl_loader_gltf_compressed.html b/examples/webgl_loader_gltf_compressed.html
index 02bdc03c34f6d4..8f561b42532165 100644
--- a/examples/webgl_loader_gltf_compressed.html
+++ b/examples/webgl_loader_gltf_compressed.html
@@ -52,7 +52,7 @@
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				renderer.toneMapping = THREE.ACESFilmicToneMapping;
 				renderer.toneMappingExposure = 1;
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				container.appendChild( renderer.domElement );
 
 				camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 2000 );
diff --git a/examples/webgl_loader_gltf_sheen.html b/examples/webgl_loader_gltf_sheen.html
index 99a877cc77c665..bdc259d7ef54cb 100644
--- a/examples/webgl_loader_gltf_sheen.html
+++ b/examples/webgl_loader_gltf_sheen.html
@@ -77,7 +77,7 @@
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				renderer.toneMapping = THREE.ACESFilmicToneMapping;
 				renderer.toneMappingExposure = 1;
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				container.appendChild( renderer.domElement );
 
 				const environment = new RoomEnvironment();
diff --git a/examples/webgl_loader_gltf_transmission.html b/examples/webgl_loader_gltf_transmission.html
index b87da7c0327ab1..f81f26507b17dc 100644
--- a/examples/webgl_loader_gltf_transmission.html
+++ b/examples/webgl_loader_gltf_transmission.html
@@ -82,7 +82,7 @@
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				renderer.toneMapping = THREE.ACESFilmicToneMapping;
 				renderer.toneMappingExposure = 1;
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				container.appendChild( renderer.domElement );
 
 				controls = new OrbitControls( camera, renderer.domElement );
diff --git a/examples/webgl_loader_gltf_variants.html b/examples/webgl_loader_gltf_variants.html
index b28b064bd44b52..4e4ceec74d6952 100644
--- a/examples/webgl_loader_gltf_variants.html
+++ b/examples/webgl_loader_gltf_variants.html
@@ -99,7 +99,7 @@
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				renderer.toneMapping = THREE.ACESFilmicToneMapping;
 				renderer.toneMappingExposure = 1;
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				container.appendChild( renderer.domElement );
 
 				const controls = new OrbitControls( camera, renderer.domElement );
diff --git a/examples/webgl_loader_kmz.html b/examples/webgl_loader_kmz.html
index 4b13a61ce2aae5..fe5801f4774af8 100644
--- a/examples/webgl_loader_kmz.html
+++ b/examples/webgl_loader_kmz.html
@@ -56,7 +56,7 @@
 				scene.add( grid );
 
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				document.body.appendChild( renderer.domElement );
diff --git a/examples/webgl_loader_ldraw.html b/examples/webgl_loader_ldraw.html
index 7f4def486d2b13..eda240411d7129 100644
--- a/examples/webgl_loader_ldraw.html
+++ b/examples/webgl_loader_ldraw.html
@@ -88,7 +88,7 @@
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.toneMapping = THREE.ACESFilmicToneMapping;
 				container.appendChild( renderer.domElement );
 
diff --git a/examples/webgl_loader_lwo.html b/examples/webgl_loader_lwo.html
index 34fc9ad08e6009..6b0b7edb4ff358 100644
--- a/examples/webgl_loader_lwo.html
+++ b/examples/webgl_loader_lwo.html
@@ -81,7 +81,7 @@
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				renderer.setAnimationLoop( animation );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.toneMapping = THREE.ACESFilmicToneMapping;
 				container.appendChild( renderer.domElement );
 
diff --git a/examples/webgl_loader_md2.html b/examples/webgl_loader_md2.html
index 73c22ab780de3d..3f8913ded4b63d 100644
--- a/examples/webgl_loader_md2.html
+++ b/examples/webgl_loader_md2.html
@@ -128,7 +128,7 @@
 
 				//
 
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.shadowMap.enabled = true;
 
 				// STATS
diff --git a/examples/webgl_loader_md2_control.html b/examples/webgl_loader_md2_control.html
index 0134acce2a3a19..7b2870faa9c55e 100644
--- a/examples/webgl_loader_md2_control.html
+++ b/examples/webgl_loader_md2_control.html
@@ -137,7 +137,7 @@
 
 				//
 
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.shadowMap.enabled = true;
 				renderer.shadowMap.type = THREE.PCFSoftShadowMap;
 
diff --git a/examples/webgl_loader_obj_mtl.html b/examples/webgl_loader_obj_mtl.html
index 9a2b2ebbfa771e..19e144d07f09a8 100644
--- a/examples/webgl_loader_obj_mtl.html
+++ b/examples/webgl_loader_obj_mtl.html
@@ -96,7 +96,7 @@
 				//
 
 				renderer = new THREE.WebGLRenderer();
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				container.appendChild( renderer.domElement );
diff --git a/examples/webgl_loader_ply.html b/examples/webgl_loader_ply.html
index e74b5fc7840c01..5e25061802d10a 100644
--- a/examples/webgl_loader_ply.html
+++ b/examples/webgl_loader_ply.html
@@ -121,7 +121,7 @@
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				renderer.shadowMap.enabled = true;
 
diff --git a/examples/webgl_loader_stl.html b/examples/webgl_loader_stl.html
index ecfb60227c4504..d7a15956a09ea2 100644
--- a/examples/webgl_loader_stl.html
+++ b/examples/webgl_loader_stl.html
@@ -157,7 +157,7 @@
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				renderer.shadowMap.enabled = true;
 
diff --git a/examples/webgl_loader_svg.html b/examples/webgl_loader_svg.html
index 2962b7374a1abb..ef3148fea71362 100644
--- a/examples/webgl_loader_svg.html
+++ b/examples/webgl_loader_svg.html
@@ -58,7 +58,7 @@
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				container.appendChild( renderer.domElement );
 
 				//
diff --git a/examples/webgl_loader_texture_exr.html b/examples/webgl_loader_texture_exr.html
index 16c190e057dfda..3bd13f7cca01c2 100644
--- a/examples/webgl_loader_texture_exr.html
+++ b/examples/webgl_loader_texture_exr.html
@@ -51,7 +51,7 @@
 				renderer.toneMapping = THREE.ReinhardToneMapping;
 				renderer.toneMappingExposure = params.exposure;
 
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				scene = new THREE.Scene();
 
diff --git a/examples/webgl_loader_texture_hdr.html b/examples/webgl_loader_texture_hdr.html
index 7394bc1d53459e..05df1d462ac190 100644
--- a/examples/webgl_loader_texture_hdr.html
+++ b/examples/webgl_loader_texture_hdr.html
@@ -51,7 +51,7 @@
 				renderer.toneMapping = THREE.ReinhardToneMapping;
 				renderer.toneMappingExposure = params.exposure;
 
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				scene = new THREE.Scene();
 
diff --git a/examples/webgl_loader_texture_ktx2.html b/examples/webgl_loader_texture_ktx2.html
index fee87d11252a1b..513402b7436421 100644
--- a/examples/webgl_loader_texture_ktx2.html
+++ b/examples/webgl_loader_texture_ktx2.html
@@ -38,7 +38,7 @@
 
 			const renderer = new THREE.WebGLRenderer( { antialias: true } );
 			renderer.setSize( width, height );
-			renderer.outputEncoding = THREE.sRGBEncoding;
+			renderer.outputColorSpace = THREE.sRGBEncoding;
 			document.body.appendChild( renderer.domElement );
 
 			const scene = new THREE.Scene();
diff --git a/examples/webgl_loader_texture_logluv.html b/examples/webgl_loader_texture_logluv.html
index 06871664048fe8..0ba2c6a1c4eeee 100644
--- a/examples/webgl_loader_texture_logluv.html
+++ b/examples/webgl_loader_texture_logluv.html
@@ -50,7 +50,7 @@
 				renderer.toneMapping = THREE.ReinhardToneMapping;
 				renderer.toneMappingExposure = params.exposure;
 
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				scene = new THREE.Scene();
 
diff --git a/examples/webgl_loader_texture_rgbm.html b/examples/webgl_loader_texture_rgbm.html
index 146583c94d6ba7..e199bf263206aa 100644
--- a/examples/webgl_loader_texture_rgbm.html
+++ b/examples/webgl_loader_texture_rgbm.html
@@ -50,7 +50,7 @@
 				renderer.toneMapping = THREE.ReinhardToneMapping;
 				renderer.toneMappingExposure = params.exposure;
 
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				scene = new THREE.Scene();
 
diff --git a/examples/webgl_marchingcubes.html b/examples/webgl_marchingcubes.html
index f3d304a66b82e4..7e30231b292367 100644
--- a/examples/webgl_marchingcubes.html
+++ b/examples/webgl_marchingcubes.html
@@ -105,7 +105,7 @@
 			// RENDERER
 
 			renderer = new THREE.WebGLRenderer();
-			renderer.outputEncoding = THREE.sRGBEncoding;
+			renderer.outputColorSpace = THREE.sRGBEncoding;
 			renderer.setPixelRatio( window.devicePixelRatio );
 			renderer.setSize( window.innerWidth, window.innerHeight );
 			container.appendChild( renderer.domElement );
diff --git a/examples/webgl_materials_bumpmap.html b/examples/webgl_materials_bumpmap.html
index bb52aebfe73011..c898d50acd120e 100644
--- a/examples/webgl_materials_bumpmap.html
+++ b/examples/webgl_materials_bumpmap.html
@@ -114,7 +114,7 @@
 				container.appendChild( renderer.domElement );
 
 				renderer.shadowMap.enabled = true;
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				//
 
diff --git a/examples/webgl_materials_car.html b/examples/webgl_materials_car.html
index a1e8c7a241e6b2..298ebcd98fd616 100644
--- a/examples/webgl_materials_car.html
+++ b/examples/webgl_materials_car.html
@@ -72,7 +72,7 @@
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				renderer.setAnimationLoop( render );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.toneMapping = THREE.ACESFilmicToneMapping;
 				renderer.toneMappingExposure = 0.85;
 				container.appendChild( renderer.domElement );
diff --git a/examples/webgl_materials_cubemap_dynamic.html b/examples/webgl_materials_cubemap_dynamic.html
index d94b73fd46cf89..a4b6f866cd4753 100644
--- a/examples/webgl_materials_cubemap_dynamic.html
+++ b/examples/webgl_materials_cubemap_dynamic.html
@@ -52,7 +52,7 @@
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				renderer.setAnimationLoop( animation );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.toneMapping = THREE.ACESFilmicToneMapping;
 				document.body.appendChild( renderer.domElement );
 
diff --git a/examples/webgl_materials_displacementmap.html b/examples/webgl_materials_displacementmap.html
index 682ab8d84c7fda..ef6fba87d18b83 100644
--- a/examples/webgl_materials_displacementmap.html
+++ b/examples/webgl_materials_displacementmap.html
@@ -118,7 +118,7 @@
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				container.appendChild( renderer.domElement );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				//
 
diff --git a/examples/webgl_materials_envmaps.html b/examples/webgl_materials_envmaps.html
index c0f81f65f02a3d..78a26e46d0d8bc 100644
--- a/examples/webgl_materials_envmaps.html
+++ b/examples/webgl_materials_envmaps.html
@@ -83,7 +83,7 @@
 				renderer = new THREE.WebGLRenderer();
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				document.body.appendChild( renderer.domElement );
 
 				//
diff --git a/examples/webgl_materials_envmaps_exr.html b/examples/webgl_materials_envmaps_exr.html
index 325d7290e4fa00..9a4b2226c847a1 100644
--- a/examples/webgl_materials_envmaps_exr.html
+++ b/examples/webgl_materials_envmaps_exr.html
@@ -119,7 +119,7 @@
 				container.appendChild( renderer.domElement );
 
 				renderer.toneMapping = THREE.ACESFilmicToneMapping;
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				stats = new Stats();
 				container.appendChild( stats.dom );
diff --git a/examples/webgl_materials_envmaps_hdr.html b/examples/webgl_materials_envmaps_hdr.html
index 347fd64cb49bf6..4daf3c968a10fe 100644
--- a/examples/webgl_materials_envmaps_hdr.html
+++ b/examples/webgl_materials_envmaps_hdr.html
@@ -142,7 +142,7 @@
 				container.appendChild( renderer.domElement );
 
 				//renderer.toneMapping = ReinhardToneMapping;
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				stats = new Stats();
 				container.appendChild( stats.dom );
diff --git a/examples/webgl_materials_lightmap.html b/examples/webgl_materials_lightmap.html
index 8169e4728d0fa9..995bfc40526ffd 100644
--- a/examples/webgl_materials_lightmap.html
+++ b/examples/webgl_materials_lightmap.html
@@ -122,7 +122,7 @@
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
 				container.appendChild( renderer.domElement );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				// CONTROLS
 
diff --git a/examples/webgl_materials_matcap.html b/examples/webgl_materials_matcap.html
index 07de9b99191ec0..a65adef36a06c8 100644
--- a/examples/webgl_materials_matcap.html
+++ b/examples/webgl_materials_matcap.html
@@ -55,7 +55,7 @@
 				renderer.toneMapping = THREE.ACESFilmicToneMapping;
 			 	renderer.toneMappingExposure = API.exposure;
 
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				// scene
 				scene = new THREE.Scene();
diff --git a/examples/webgl_materials_normalmap_object_space.html b/examples/webgl_materials_normalmap_object_space.html
index e81e3ac9a34817..b14f588bbe10a0 100644
--- a/examples/webgl_materials_normalmap_object_space.html
+++ b/examples/webgl_materials_normalmap_object_space.html
@@ -45,7 +45,7 @@
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				document.body.appendChild( renderer.domElement );
 
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				// scene
 				scene = new THREE.Scene();
diff --git a/examples/webgl_materials_physical_clearcoat.html b/examples/webgl_materials_physical_clearcoat.html
index 292b9eebab8c97..6c2435fd4d5bbd 100644
--- a/examples/webgl_materials_physical_clearcoat.html
+++ b/examples/webgl_materials_physical_clearcoat.html
@@ -187,7 +187,7 @@
 
 				//
 
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				//
 
diff --git a/examples/webgl_materials_physical_reflectivity.html b/examples/webgl_materials_physical_reflectivity.html
index 6b2e908c2b5111..55c74de54ddf15 100644
--- a/examples/webgl_materials_physical_reflectivity.html
+++ b/examples/webgl_materials_physical_reflectivity.html
@@ -155,7 +155,7 @@
 				renderer.toneMapping = THREE.ACESFilmicToneMapping;
 				container.appendChild( renderer.domElement );
 
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				stats = new Stats();
 				container.appendChild( stats.dom );
diff --git a/examples/webgl_materials_physical_transmission.html b/examples/webgl_materials_physical_transmission.html
index f1263d7ddfac42..8837edcb752f2c 100644
--- a/examples/webgl_materials_physical_transmission.html
+++ b/examples/webgl_materials_physical_transmission.html
@@ -72,7 +72,7 @@
 				renderer.toneMapping = THREE.ACESFilmicToneMapping;
 				renderer.toneMappingExposure = params.exposure;
 
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				scene = new THREE.Scene();
 
diff --git a/examples/webgl_materials_standard.html b/examples/webgl_materials_standard.html
index b52802ea70c301..1deff1c65a0aaa 100644
--- a/examples/webgl_materials_standard.html
+++ b/examples/webgl_materials_standard.html
@@ -55,7 +55,7 @@
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				container.appendChild( renderer.domElement );
 
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.toneMapping = THREE.ReinhardToneMapping;
 				renderer.toneMappingExposure = 3;
 
diff --git a/examples/webgl_materials_standard_nodes.html b/examples/webgl_materials_standard_nodes.html
index f72d3f111b0fb4..876dcdf383ae16 100644
--- a/examples/webgl_materials_standard_nodes.html
+++ b/examples/webgl_materials_standard_nodes.html
@@ -57,7 +57,7 @@
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				container.appendChild( renderer.domElement );
 
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.toneMapping = THREE.ReinhardToneMapping;
 				renderer.toneMappingExposure = 3;
 
diff --git a/examples/webgl_materials_subsurface_scattering.html b/examples/webgl_materials_subsurface_scattering.html
index 6f8bb3691255dc..be7562a44437c6 100644
--- a/examples/webgl_materials_subsurface_scattering.html
+++ b/examples/webgl_materials_subsurface_scattering.html
@@ -79,7 +79,7 @@
 			renderer.setPixelRatio( window.devicePixelRatio );
 			renderer.setSize( window.innerWidth, window.innerHeight );
 			container.appendChild( renderer.domElement );
-			renderer.outputEncoding = THREE.sRGBEncoding;
+			renderer.outputColorSpace = THREE.sRGBEncoding;
 
 			//
 
diff --git a/examples/webgl_materials_variations_basic.html b/examples/webgl_materials_variations_basic.html
index cbfa9b4e9f1d8e..0e0dab01a26ed4 100644
--- a/examples/webgl_materials_variations_basic.html
+++ b/examples/webgl_materials_variations_basic.html
@@ -159,7 +159,7 @@
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				container.appendChild( renderer.domElement );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				//
 
diff --git a/examples/webgl_materials_variations_lambert.html b/examples/webgl_materials_variations_lambert.html
index f41add18479b2d..5766be79ba4215 100644
--- a/examples/webgl_materials_variations_lambert.html
+++ b/examples/webgl_materials_variations_lambert.html
@@ -159,7 +159,7 @@
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				container.appendChild( renderer.domElement );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				//
 
diff --git a/examples/webgl_materials_variations_phong.html b/examples/webgl_materials_variations_phong.html
index dd9fc242c8517a..16c7f42ee336de 100644
--- a/examples/webgl_materials_variations_phong.html
+++ b/examples/webgl_materials_variations_phong.html
@@ -166,7 +166,7 @@
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				container.appendChild( renderer.domElement );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				//
 
diff --git a/examples/webgl_materials_variations_physical.html b/examples/webgl_materials_variations_physical.html
index 9e9b7d22636798..6fcc12349b7e7f 100644
--- a/examples/webgl_materials_variations_physical.html
+++ b/examples/webgl_materials_variations_physical.html
@@ -168,7 +168,7 @@
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				container.appendChild( renderer.domElement );
 
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.toneMapping = THREE.ACESFilmicToneMapping;
 				renderer.toneMappingExposure = 0.75;
 
diff --git a/examples/webgl_materials_variations_standard.html b/examples/webgl_materials_variations_standard.html
index 72dc2870568b84..2d54734777214d 100644
--- a/examples/webgl_materials_variations_standard.html
+++ b/examples/webgl_materials_variations_standard.html
@@ -171,7 +171,7 @@
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				container.appendChild( renderer.domElement );
 
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.toneMapping = THREE.ACESFilmicToneMapping;
 				renderer.toneMappingExposure = 0.75;
 
diff --git a/examples/webgl_materials_variations_toon.html b/examples/webgl_materials_variations_toon.html
index 94379d27592d41..872dfeeb1dfae5 100644
--- a/examples/webgl_materials_variations_toon.html
+++ b/examples/webgl_materials_variations_toon.html
@@ -66,7 +66,7 @@
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				container.appendChild( renderer.domElement );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				// Materials
 
diff --git a/examples/webgl_morphtargets_face.html b/examples/webgl_morphtargets_face.html
index d19070c23582a0..a06f7068dea6ec 100644
--- a/examples/webgl_morphtargets_face.html
+++ b/examples/webgl_morphtargets_face.html
@@ -67,7 +67,7 @@
 				renderer.setSize( window.innerWidth, window.innerHeight );
 
 				renderer.toneMapping = THREE.ACESFilmicToneMapping;
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				container.appendChild( renderer.domElement );
 
diff --git a/examples/webgl_morphtargets_horse.html b/examples/webgl_morphtargets_horse.html
index 4608ed92cd8849..61e6debce0f549 100644
--- a/examples/webgl_morphtargets_horse.html
+++ b/examples/webgl_morphtargets_horse.html
@@ -95,7 +95,7 @@
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				container.appendChild( renderer.domElement );
 
diff --git a/examples/webgl_nodes_playground.html b/examples/webgl_nodes_playground.html
index 182e71c6b38e14..019233534b5248 100644
--- a/examples/webgl_nodes_playground.html
+++ b/examples/webgl_nodes_playground.html
@@ -91,7 +91,7 @@
 
 			renderer = new THREE.WebGLRenderer( { antialias: true } );
 			document.body.appendChild( renderer.domElement );
-			renderer.outputEncoding = THREE.sRGBEncoding;
+			renderer.outputColorSpace = THREE.sRGBEncoding;
 			renderer.toneMapping = THREE.LinearToneMapping;
 			renderer.toneMappingExposure = 4000;
 			renderer.physicallyCorrectLights = true;
diff --git a/examples/webgl_pmrem_test.html b/examples/webgl_pmrem_test.html
index 0532b46f894370..94f5bd595e9c7e 100644
--- a/examples/webgl_pmrem_test.html
+++ b/examples/webgl_pmrem_test.html
@@ -53,7 +53,7 @@
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( width, height );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.physicallyCorrectLights = true;
 
 				// tonemapping
diff --git a/examples/webgl_portal.html b/examples/webgl_portal.html
index f91123be7685d4..db9cef67b35bc1 100644
--- a/examples/webgl_portal.html
+++ b/examples/webgl_portal.html
@@ -195,7 +195,7 @@
 				CameraUtils.frameCorners( portalCamera, bottomLeftCorner, bottomRightCorner, topLeftCorner, false );
 
 				// render the portal
-				thisPortalTexture.texture.encoding = renderer.outputEncoding;
+				thisPortalTexture.texture.encoding = renderer.outputColorSpace;
 				renderer.setRenderTarget( thisPortalTexture );
 				renderer.state.buffers.depth.setMask( true ); // make sure the depth buffer is writable so it can be properly cleared, see #18897
 				if ( renderer.autoClear === false ) renderer.clear();
diff --git a/examples/webgl_shaders_sky.html b/examples/webgl_shaders_sky.html
index cc6652460dd06f..aa9207a62b5f1a 100644
--- a/examples/webgl_shaders_sky.html
+++ b/examples/webgl_shaders_sky.html
@@ -106,7 +106,7 @@
 				renderer = new THREE.WebGLRenderer();
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.toneMapping = THREE.ACESFilmicToneMapping;
 				renderer.toneMappingExposure = 0.5;
 				document.body.appendChild( renderer.domElement );
diff --git a/examples/webgl_shadowmap.html b/examples/webgl_shadowmap.html
index 509e4398fe029d..26a322ba156afb 100644
--- a/examples/webgl_shadowmap.html
+++ b/examples/webgl_shadowmap.html
@@ -110,7 +110,7 @@
 				renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
 				container.appendChild( renderer.domElement );
 
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.autoClear = false;
 
 				//
diff --git a/examples/webgl_shadowmap_pcss.html b/examples/webgl_shadowmap_pcss.html
index f48c754d946b5f..57758dfdf2537d 100644
--- a/examples/webgl_shadowmap_pcss.html
+++ b/examples/webgl_shadowmap_pcss.html
@@ -254,7 +254,7 @@
 
 				container.appendChild( renderer.domElement );
 
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.shadowMap.enabled = true;
 
 				// controls
diff --git a/examples/webgl_shadowmap_performance.html b/examples/webgl_shadowmap_performance.html
index cde3303c2f5711..44a44b2e7e492b 100644
--- a/examples/webgl_shadowmap_performance.html
+++ b/examples/webgl_shadowmap_performance.html
@@ -104,7 +104,7 @@
 				renderer.setSize( SCREEN_WIDTH, SCREEN_HEIGHT );
 				container.appendChild( renderer.domElement );
 
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.autoClear = false;
 
 				//
diff --git a/examples/webgl_tonemapping.html b/examples/webgl_tonemapping.html
index 41779b8de18a1d..29bd11af42d449 100644
--- a/examples/webgl_tonemapping.html
+++ b/examples/webgl_tonemapping.html
@@ -69,7 +69,7 @@
 				renderer.toneMapping = toneMappingOptions[ params.toneMapping ];
 				renderer.toneMappingExposure = params.exposure;
 
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 
 				// Set CustomToneMapping to Uncharted2
 				// source: http://filmicworlds.com/blog/filmic-tonemapping-operators/
diff --git a/examples/webgpu_lights_selective.html b/examples/webgpu_lights_selective.html
index 293ebc4848c8cf..3f5c8d601b81ee 100644
--- a/examples/webgpu_lights_selective.html
+++ b/examples/webgpu_lights_selective.html
@@ -134,7 +134,7 @@
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				document.body.appendChild( renderer.domElement );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.toneMappingNode = new Nodes.ToneMappingNode( THREE.LinearToneMapping, 100 );
 
 				//controls
diff --git a/examples/webgpu_nodes_playground.html b/examples/webgpu_nodes_playground.html
index 3d7792b0c2e3c5..ab390b54b66bf4 100644
--- a/examples/webgpu_nodes_playground.html
+++ b/examples/webgpu_nodes_playground.html
@@ -106,7 +106,7 @@
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
 				document.body.appendChild( renderer.domElement );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.toneMappingNode = new Nodes.ToneMappingNode( THREE.LinearToneMapping, 4000 );
 
 				renderer.domElement.className = 'renderer';
diff --git a/examples/webgpu_skinning.html b/examples/webgpu_skinning.html
index bb89700443a7a1..70ee2b0f28dcb8 100644
--- a/examples/webgpu_skinning.html
+++ b/examples/webgpu_skinning.html
@@ -95,7 +95,7 @@
 				renderer = new WebGPURenderer();
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.toneMappingNode = new Nodes.ToneMappingNode( THREE.LinearToneMapping, 800 );
 				document.body.appendChild( renderer.domElement );
 
diff --git a/examples/webgpu_skinning_instancing.html b/examples/webgpu_skinning_instancing.html
index 3dc5e8fcdf58f1..243b2a62174ef7 100644
--- a/examples/webgpu_skinning_instancing.html
+++ b/examples/webgpu_skinning_instancing.html
@@ -116,7 +116,7 @@
 				renderer = new WebGPURenderer();
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.toneMappingNode = new Nodes.ToneMappingNode( THREE.LinearToneMapping, 800 );
 				document.body.appendChild( renderer.domElement );
 
diff --git a/examples/webxr_ar_lighting.html b/examples/webxr_ar_lighting.html
index ea4341c77a97d6..d5a5f9fd0dd206 100644
--- a/examples/webxr_ar_lighting.html
+++ b/examples/webxr_ar_lighting.html
@@ -57,7 +57,7 @@
 				renderer = new THREE.WebGLRenderer( { antialias: true, alpha: true } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.physicallyCorrectLights = true;
 				renderer.xr.enabled = true;
 				container.appendChild( renderer.domElement );
diff --git a/examples/webxr_vr_ballshooter.html b/examples/webxr_vr_ballshooter.html
index f6462a80191f3b..c29f3f0cb5cd8e 100644
--- a/examples/webxr_vr_ballshooter.html
+++ b/examples/webxr_vr_ballshooter.html
@@ -93,7 +93,7 @@
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.xr.enabled = true;
 				document.body.appendChild( renderer.domElement );
 
diff --git a/examples/webxr_vr_cubes.html b/examples/webxr_vr_cubes.html
index 4d432dc85e1ddc..4a599e24ab67b8 100644
--- a/examples/webxr_vr_cubes.html
+++ b/examples/webxr_vr_cubes.html
@@ -102,7 +102,7 @@
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.xr.enabled = true;
 				container.appendChild( renderer.domElement );
 
diff --git a/examples/webxr_vr_dragging.html b/examples/webxr_vr_dragging.html
index f02c524f5f5bba..3bfe4a7c06586f 100644
--- a/examples/webxr_vr_dragging.html
+++ b/examples/webxr_vr_dragging.html
@@ -128,7 +128,7 @@
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.shadowMap.enabled = true;
 				renderer.xr.enabled = true;
 				container.appendChild( renderer.domElement );
diff --git a/examples/webxr_vr_handinput.html b/examples/webxr_vr_handinput.html
index 161206ef09c974..bc0b12c07c6903 100644
--- a/examples/webxr_vr_handinput.html
+++ b/examples/webxr_vr_handinput.html
@@ -83,7 +83,7 @@
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.shadowMap.enabled = true;
 				renderer.xr.enabled = true;
 
diff --git a/examples/webxr_vr_handinput_cubes.html b/examples/webxr_vr_handinput_cubes.html
index a5659d3531d826..6c450033a60b92 100644
--- a/examples/webxr_vr_handinput_cubes.html
+++ b/examples/webxr_vr_handinput_cubes.html
@@ -96,7 +96,7 @@
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.shadowMap.enabled = true;
 				renderer.xr.enabled = true;
 
diff --git a/examples/webxr_vr_handinput_pointerclick.html b/examples/webxr_vr_handinput_pointerclick.html
index 72f7adb5feba49..134a32ff2de04a 100644
--- a/examples/webxr_vr_handinput_pointerclick.html
+++ b/examples/webxr_vr_handinput_pointerclick.html
@@ -317,7 +317,7 @@
 			renderer = new THREE.WebGLRenderer( { antialias: true } );
 			renderer.setPixelRatio( window.devicePixelRatio );
 			renderer.setSize( window.innerWidth, window.innerHeight );
-			renderer.outputEncoding = THREE.sRGBEncoding;
+			renderer.outputColorSpace = THREE.sRGBEncoding;
 			renderer.shadowMap.enabled = true;
 			renderer.xr.enabled = true;
 			renderer.xr.cameraAutoUpdate = false;
diff --git a/examples/webxr_vr_handinput_pointerdrag.html b/examples/webxr_vr_handinput_pointerdrag.html
index a5f98a78f9bd3e..68af1cc04873e3 100644
--- a/examples/webxr_vr_handinput_pointerdrag.html
+++ b/examples/webxr_vr_handinput_pointerdrag.html
@@ -420,7 +420,7 @@
 			renderer = new THREE.WebGLRenderer( { antialias: true } );
 			renderer.setPixelRatio( window.devicePixelRatio );
 			renderer.setSize( window.innerWidth, window.innerHeight );
-			renderer.outputEncoding = THREE.sRGBEncoding;
+			renderer.outputColorSpace = THREE.sRGBEncoding;
 			renderer.shadowMap.enabled = true;
 			renderer.xr.enabled = true;
 			renderer.xr.cameraAutoUpdate = false;
diff --git a/examples/webxr_vr_handinput_pressbutton.html b/examples/webxr_vr_handinput_pressbutton.html
index 30bae30a0e6350..1afb934c2a409a 100644
--- a/examples/webxr_vr_handinput_pressbutton.html
+++ b/examples/webxr_vr_handinput_pressbutton.html
@@ -377,7 +377,7 @@
 			renderer = new THREE.WebGLRenderer( { antialias: true } );
 			renderer.setPixelRatio( window.devicePixelRatio );
 			renderer.setSize( window.innerWidth, window.innerHeight );
-			renderer.outputEncoding = THREE.sRGBEncoding;
+			renderer.outputColorSpace = THREE.sRGBEncoding;
 			renderer.shadowMap.enabled = true;
 			renderer.xr.enabled = true;
 			renderer.xr.cameraAutoUpdate = false;
diff --git a/examples/webxr_vr_handinput_profiles.html b/examples/webxr_vr_handinput_profiles.html
index 05a0deac49286f..64a8a9ed5840de 100644
--- a/examples/webxr_vr_handinput_profiles.html
+++ b/examples/webxr_vr_handinput_profiles.html
@@ -90,7 +90,7 @@
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.shadowMap.enabled = true;
 				renderer.xr.enabled = true;
 
diff --git a/examples/webxr_vr_haptics.html b/examples/webxr_vr_haptics.html
index a577a2ce9216f8..61f0ebf10a271e 100644
--- a/examples/webxr_vr_haptics.html
+++ b/examples/webxr_vr_haptics.html
@@ -147,7 +147,7 @@
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.shadowMap.enabled = true;
 				renderer.xr.enabled = true;
 				container.appendChild( renderer.domElement );
diff --git a/examples/webxr_vr_layers.html b/examples/webxr_vr_layers.html
index 7f48b3541158c3..27d648d5c65225 100644
--- a/examples/webxr_vr_layers.html
+++ b/examples/webxr_vr_layers.html
@@ -129,7 +129,7 @@
 				renderer.setClearAlpha( 1 );
 				renderer.setClearColor( new THREE.Color( 0 ), 0 );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.xr.enabled = true;
 
 				document.body.appendChild( renderer.domElement );
diff --git a/examples/webxr_vr_paint.html b/examples/webxr_vr_paint.html
index b0c174e80c3394..2477d5361b116d 100644
--- a/examples/webxr_vr_paint.html
+++ b/examples/webxr_vr_paint.html
@@ -100,7 +100,7 @@
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.xr.enabled = true;
 				container.appendChild( renderer.domElement );
 
diff --git a/examples/webxr_vr_sculpt.html b/examples/webxr_vr_sculpt.html
index 68493b034dbf89..3179b658a87189 100644
--- a/examples/webxr_vr_sculpt.html
+++ b/examples/webxr_vr_sculpt.html
@@ -94,7 +94,7 @@
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.xr.enabled = true;
 				container.appendChild( renderer.domElement );
 
diff --git a/examples/webxr_vr_teleport.html b/examples/webxr_vr_teleport.html
index 6b7fd37e46be6c..3a732fa35c0a0c 100644
--- a/examples/webxr_vr_teleport.html
+++ b/examples/webxr_vr_teleport.html
@@ -83,7 +83,7 @@
 				renderer = new THREE.WebGLRenderer( { antialias: true } );
 				renderer.setPixelRatio( window.devicePixelRatio );
 				renderer.setSize( window.innerWidth, window.innerHeight );
-				renderer.outputEncoding = THREE.sRGBEncoding;
+				renderer.outputColorSpace = THREE.sRGBEncoding;
 				renderer.xr.enabled = true;
 				document.body.appendChild( renderer.domElement );
 
diff --git a/manual/examples/background-v01.html b/manual/examples/background-v01.html
index 503b768e38a2f0..d6e7a8b0e755f3 100644
--- a/manual/examples/background-v01.html
+++ b/manual/examples/background-v01.html
@@ -63,7 +63,7 @@
     controls.update();
   }
 
-  renderer.outputEncoding = THREE.sRGBEncoding;
+  renderer.outputColorSpace = THREE.sRGBEncoding;
   renderer.shadowMap.enabled = true;
 
   const hemiLight = new THREE.HemisphereLight(0xffffff, 0xffffff, 0.6);
diff --git a/manual/examples/background.html b/manual/examples/background.html
index 8f86f3ae46fbf1..41a0d455fc52e5 100644
--- a/manual/examples/background.html
+++ b/manual/examples/background.html
@@ -64,7 +64,7 @@
     controls.update();
   }
 
-  renderer.outputEncoding = THREE.sRGBEncoding;
+  renderer.outputColorSpace = THREE.sRGBEncoding;
   renderer.shadowMap.enabled = true;
 
   const hemiLight = new THREE.HemisphereLight(0xffffff, 0xffffff, 0.6);
diff --git a/manual/examples/cleanup-loaded-files.html b/manual/examples/cleanup-loaded-files.html
index 45c6c88822ef2b..0bc25c4c1fca5f 100644
--- a/manual/examples/cleanup-loaded-files.html
+++ b/manual/examples/cleanup-loaded-files.html
@@ -107,7 +107,7 @@
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas});
-  renderer.outputEncoding = THREE.sRGBEncoding;
+  renderer.outputColorSpace = THREE.sRGBEncoding;
 
   const fov = 75;
   const aspect = 2;  // the canvas default
diff --git a/manual/examples/game-check-animations.html b/manual/examples/game-check-animations.html
index a77cb752c279f2..2394dbd24014f1 100644
--- a/manual/examples/game-check-animations.html
+++ b/manual/examples/game-check-animations.html
@@ -94,7 +94,7 @@
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas});
-  renderer.outputEncoding = THREE.sRGBEncoding;
+  renderer.outputColorSpace = THREE.sRGBEncoding;
 
   const fov = 45;
   const aspect = 2;  // the canvas default
diff --git a/manual/examples/game-conga-line-w-notes.html b/manual/examples/game-conga-line-w-notes.html
index beb7d70cbaab55..8f12aae5821373 100644
--- a/manual/examples/game-conga-line-w-notes.html
+++ b/manual/examples/game-conga-line-w-notes.html
@@ -170,7 +170,7 @@
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas});
-  renderer.outputEncoding = THREE.sRGBEncoding;
+  renderer.outputColorSpace = THREE.sRGBEncoding;
 
   const fov = 45;
   const aspect = 2;  // the canvas default
diff --git a/manual/examples/game-conga-line.html b/manual/examples/game-conga-line.html
index 7c558ed660742e..6a3e807637b6f0 100644
--- a/manual/examples/game-conga-line.html
+++ b/manual/examples/game-conga-line.html
@@ -170,7 +170,7 @@
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas});
-  renderer.outputEncoding = THREE.sRGBEncoding;
+  renderer.outputColorSpace = THREE.sRGBEncoding;
 
   const fov = 45;
   const aspect = 2;  // the canvas default
diff --git a/manual/examples/game-just-player.html b/manual/examples/game-just-player.html
index 181d3a54a9be53..70bd16d8dd7f48 100644
--- a/manual/examples/game-just-player.html
+++ b/manual/examples/game-just-player.html
@@ -100,7 +100,7 @@
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas});
-  renderer.outputEncoding = THREE.sRGBEncoding;
+  renderer.outputColorSpace = THREE.sRGBEncoding;
 
   const fov = 45;
   const aspect = 2;  // the canvas default
diff --git a/manual/examples/game-load-models.html b/manual/examples/game-load-models.html
index d58f0fe5724874..236d37e09d2d34 100644
--- a/manual/examples/game-load-models.html
+++ b/manual/examples/game-load-models.html
@@ -94,7 +94,7 @@
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas});
-  renderer.outputEncoding = THREE.sRGBEncoding;
+  renderer.outputColorSpace = THREE.sRGBEncoding;
 
   const fov = 45;
   const aspect = 2;  // the canvas default
diff --git a/manual/examples/game-player-input.html b/manual/examples/game-player-input.html
index 6bdfcd2432430f..d7d272babdee3c 100644
--- a/manual/examples/game-player-input.html
+++ b/manual/examples/game-player-input.html
@@ -140,7 +140,7 @@
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas});
-  renderer.outputEncoding = THREE.sRGBEncoding;
+  renderer.outputColorSpace = THREE.sRGBEncoding;
 
   const fov = 45;
   const aspect = 2;  // the canvas default
diff --git a/manual/examples/load-gltf-animated-cars.html b/manual/examples/load-gltf-animated-cars.html
index 4fd9810542522d..20381ae705406d 100644
--- a/manual/examples/load-gltf-animated-cars.html
+++ b/manual/examples/load-gltf-animated-cars.html
@@ -40,7 +40,7 @@
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas});
-  renderer.outputEncoding = THREE.sRGBEncoding;
+  renderer.outputColorSpace = THREE.sRGBEncoding;
 
   const fov = 45;
   const aspect = 2;  // the canvas default
diff --git a/manual/examples/load-gltf-car-path-fixed.html b/manual/examples/load-gltf-car-path-fixed.html
index ded2ee2ecede50..08b2e1f0bba617 100644
--- a/manual/examples/load-gltf-car-path-fixed.html
+++ b/manual/examples/load-gltf-car-path-fixed.html
@@ -40,7 +40,7 @@
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas});
-  renderer.outputEncoding = THREE.sRGBEncoding;
+  renderer.outputColorSpace = THREE.sRGBEncoding;
 
   const fov = 45;
   const aspect = 2;  // the canvas default
diff --git a/manual/examples/load-gltf-car-path.html b/manual/examples/load-gltf-car-path.html
index 73f8caa778c815..390a36c8791560 100644
--- a/manual/examples/load-gltf-car-path.html
+++ b/manual/examples/load-gltf-car-path.html
@@ -40,7 +40,7 @@
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas});
-  renderer.outputEncoding = THREE.sRGBEncoding;
+  renderer.outputColorSpace = THREE.sRGBEncoding;
 
   const fov = 45;
   const aspect = 2;  // the canvas default
diff --git a/manual/examples/load-gltf-dump-scenegraph-extra.html b/manual/examples/load-gltf-dump-scenegraph-extra.html
index b709edcd971f06..cc7a8385f049ff 100644
--- a/manual/examples/load-gltf-dump-scenegraph-extra.html
+++ b/manual/examples/load-gltf-dump-scenegraph-extra.html
@@ -40,7 +40,7 @@
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas});
-  renderer.outputEncoding = THREE.sRGBEncoding;
+  renderer.outputColorSpace = THREE.sRGBEncoding;
 
   const fov = 45;
   const aspect = 2;  // the canvas default
diff --git a/manual/examples/load-gltf-dump-scenegraph.html b/manual/examples/load-gltf-dump-scenegraph.html
index 6706d77936998c..0ef13f07cf2522 100644
--- a/manual/examples/load-gltf-dump-scenegraph.html
+++ b/manual/examples/load-gltf-dump-scenegraph.html
@@ -40,7 +40,7 @@
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas});
-  renderer.outputEncoding = THREE.sRGBEncoding;
+  renderer.outputColorSpace = THREE.sRGBEncoding;
 
   const fov = 45;
   const aspect = 2;  // the canvas default
diff --git a/manual/examples/load-gltf-rotate-cars-fixed.html b/manual/examples/load-gltf-rotate-cars-fixed.html
index 2d01bdd9a9b066..4e5a4abf39f60c 100644
--- a/manual/examples/load-gltf-rotate-cars-fixed.html
+++ b/manual/examples/load-gltf-rotate-cars-fixed.html
@@ -40,7 +40,7 @@
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas});
-  renderer.outputEncoding = THREE.sRGBEncoding;
+  renderer.outputColorSpace = THREE.sRGBEncoding;
 
   const fov = 45;
   const aspect = 2;  // the canvas default
diff --git a/manual/examples/load-gltf-rotate-cars.html b/manual/examples/load-gltf-rotate-cars.html
index f8f0c8b3926e1a..062160ce95234d 100644
--- a/manual/examples/load-gltf-rotate-cars.html
+++ b/manual/examples/load-gltf-rotate-cars.html
@@ -40,7 +40,7 @@
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas});
-  renderer.outputEncoding = THREE.sRGBEncoding;
+  renderer.outputColorSpace = THREE.sRGBEncoding;
 
   const fov = 45;
   const aspect = 2;  // the canvas default
diff --git a/manual/examples/load-gltf-shadows.html b/manual/examples/load-gltf-shadows.html
index 73a4c27e9ed1ea..576e3a8917de6d 100644
--- a/manual/examples/load-gltf-shadows.html
+++ b/manual/examples/load-gltf-shadows.html
@@ -41,7 +41,7 @@
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas});
-  renderer.outputEncoding = THREE.sRGBEncoding;
+  renderer.outputColorSpace = THREE.sRGBEncoding;
   renderer.shadowMap.enabled = true;
 
   const fov = 45;
diff --git a/manual/examples/load-gltf.html b/manual/examples/load-gltf.html
index 65f5f4a8c66746..2a93ee7e8bd308 100644
--- a/manual/examples/load-gltf.html
+++ b/manual/examples/load-gltf.html
@@ -40,7 +40,7 @@
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas});
-  renderer.outputEncoding = THREE.sRGBEncoding;
+  renderer.outputColorSpace = THREE.sRGBEncoding;
 
   const fov = 45;
   const aspect = 2;  // the canvas default
diff --git a/manual/examples/load-obj-auto-camera-xz.html b/manual/examples/load-obj-auto-camera-xz.html
index 6682d9e0b978cd..d4a624f38452b8 100644
--- a/manual/examples/load-obj-auto-camera-xz.html
+++ b/manual/examples/load-obj-auto-camera-xz.html
@@ -40,7 +40,7 @@
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas});
-  renderer.outputEncoding = THREE.sRGBEncoding;
+  renderer.outputColorSpace = THREE.sRGBEncoding;
 
   const fov = 45;
   const aspect = 2;  // the canvas default
diff --git a/manual/examples/load-obj-auto-camera.html b/manual/examples/load-obj-auto-camera.html
index 4731dcfb82cc65..c7c203b9e76c83 100644
--- a/manual/examples/load-obj-auto-camera.html
+++ b/manual/examples/load-obj-auto-camera.html
@@ -40,7 +40,7 @@
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas});
-  renderer.outputEncoding = THREE.sRGBEncoding;
+  renderer.outputColorSpace = THREE.sRGBEncoding;
 
   const fov = 45;
   const aspect = 2;  // the canvas default
diff --git a/manual/examples/load-obj-materials-fixed.html b/manual/examples/load-obj-materials-fixed.html
index 1e283f12a73de8..c19fc4b38150fe 100644
--- a/manual/examples/load-obj-materials-fixed.html
+++ b/manual/examples/load-obj-materials-fixed.html
@@ -41,7 +41,7 @@
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas});
-  renderer.outputEncoding = THREE.sRGBEncoding;
+  renderer.outputColorSpace = THREE.sRGBEncoding;
 
   const fov = 45;
   const aspect = 2;  // the canvas default
diff --git a/manual/examples/load-obj-materials-windmill2.html b/manual/examples/load-obj-materials-windmill2.html
index 96e61624cdaf45..ceca59488f118c 100644
--- a/manual/examples/load-obj-materials-windmill2.html
+++ b/manual/examples/load-obj-materials-windmill2.html
@@ -41,7 +41,7 @@
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas});
-  renderer.outputEncoding = THREE.sRGBEncoding;
+  renderer.outputColorSpace = THREE.sRGBEncoding;
 
   const fov = 45;
   const aspect = 2;  // the canvas default
diff --git a/manual/examples/load-obj-materials.html b/manual/examples/load-obj-materials.html
index 14f84b0f5c4ad7..e2a233188cc927 100644
--- a/manual/examples/load-obj-materials.html
+++ b/manual/examples/load-obj-materials.html
@@ -41,7 +41,7 @@
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas});
-  renderer.outputEncoding = THREE.sRGBEncoding;
+  renderer.outputColorSpace = THREE.sRGBEncoding;
 
   const fov = 45;
   const aspect = 2;  // the canvas default
diff --git a/manual/examples/load-obj-no-materials.html b/manual/examples/load-obj-no-materials.html
index c6bcaff79eddef..408c110d0edc63 100644
--- a/manual/examples/load-obj-no-materials.html
+++ b/manual/examples/load-obj-no-materials.html
@@ -40,7 +40,7 @@
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas});
-  renderer.outputEncoding = THREE.sRGBEncoding;
+  renderer.outputColorSpace = THREE.sRGBEncoding;
 
   const fov = 45;
   const aspect = 2;  // the canvas default
diff --git a/manual/examples/load-obj-wat.html b/manual/examples/load-obj-wat.html
index 457e09763fffd7..1e81e43ee490b5 100644
--- a/manual/examples/load-obj-wat.html
+++ b/manual/examples/load-obj-wat.html
@@ -40,7 +40,7 @@
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas});
-  renderer.outputEncoding = THREE.sRGBEncoding;
+  renderer.outputColorSpace = THREE.sRGBEncoding;
 
   const fov = 45;
   const aspect = 2;  // the canvas default
diff --git a/manual/examples/postprocessing-3dlut-prep.html b/manual/examples/postprocessing-3dlut-prep.html
index 348f74b46f4633..c24f48cbd0e592 100644
--- a/manual/examples/postprocessing-3dlut-prep.html
+++ b/manual/examples/postprocessing-3dlut-prep.html
@@ -40,7 +40,7 @@
 function main() {
   const canvas = document.querySelector('#c');
   const renderer = new THREE.WebGLRenderer({canvas});
-  renderer.outputEncoding = THREE.sRGBEncoding;
+  renderer.outputColorSpace = THREE.sRGBEncoding;
   renderer.autoClearColor = false;
 
   const fov = 45;
diff --git a/src/renderers/WebGLRenderer.js b/src/renderers/WebGLRenderer.js
index 5088999d156f8a..f4f53d095e8d4e 100644
--- a/src/renderers/WebGLRenderer.js
+++ b/src/renderers/WebGLRenderer.js
@@ -120,7 +120,7 @@ function WebGLRenderer( parameters = {} ) {
 
 	// physically based shading
 
-	this.outputEncoding = LinearEncoding;
+	this.outputColorSpace = LinearEncoding;
 
 	// physical lights
 
@@ -1414,7 +1414,7 @@ function WebGLRenderer( parameters = {} ) {
 
 		const materialProperties = properties.get( material );
 
-		materialProperties.outputEncoding = parameters.outputEncoding;
+		materialProperties.outputColorSpace = parameters.outputColorSpace;
 		materialProperties.instancing = parameters.instancing;
 		materialProperties.skinning = parameters.skinning;
 		materialProperties.morphTargets = parameters.morphTargets;
@@ -1437,7 +1437,7 @@ function WebGLRenderer( parameters = {} ) {
 
 		const fog = scene.fog;
 		const environment = material.isMeshStandardMaterial ? scene.environment : null;
-		const encoding = ( _currentRenderTarget === null ) ? _this.outputEncoding : ( _currentRenderTarget.isXRRenderTarget === true ? _currentRenderTarget.texture.encoding : LinearEncoding );
+		const encoding = ( _currentRenderTarget === null ) ? _this.outputColorSpace : ( _currentRenderTarget.isXRRenderTarget === true ? _currentRenderTarget.texture.encoding : LinearEncoding );
 		const envMap = ( material.isMeshStandardMaterial ? cubeuvmaps : cubemaps ).get( material.envMap || environment );
 		const vertexAlphas = material.vertexColors === true && !! geometry.attributes.color && geometry.attributes.color.itemSize === 4;
 		const vertexTangents = !! material.normalMap && !! geometry.attributes.tangent;
@@ -1479,7 +1479,7 @@ function WebGLRenderer( parameters = {} ) {
 
 				needsProgramChange = true;
 
-			} else if ( materialProperties.outputEncoding !== encoding ) {
+			} else if ( materialProperties.outputColorSpace !== encoding ) {
 
 				needsProgramChange = true;
 
diff --git a/src/renderers/webgl/WebGLProgram.js b/src/renderers/webgl/WebGLProgram.js
index 88311195de26e8..fc6745c3fbf4f4 100644
--- a/src/renderers/webgl/WebGLProgram.js
+++ b/src/renderers/webgl/WebGLProgram.js
@@ -687,7 +687,7 @@ function WebGLProgram( renderer, cacheKey, parameters, bindingStates ) {
 			parameters.opaque ? '#define OPAQUE' : '',
 
 			ShaderChunk[ 'encodings_pars_fragment' ], // this code is required here because it is used by the various encoding/decoding function defined below
-			getTexelEncodingFunction( 'linearToOutputTexel', parameters.outputEncoding ),
+			getTexelEncodingFunction( 'linearToOutputTexel', parameters.outputColorSpace ),
 
 			parameters.useDepthPacking ? '#define DEPTH_PACKING ' + parameters.depthPacking : '',
 
diff --git a/src/renderers/webgl/WebGLPrograms.js b/src/renderers/webgl/WebGLPrograms.js
index 4bbcb4de47ec50..e1f61bc1c90fb9 100644
--- a/src/renderers/webgl/WebGLPrograms.js
+++ b/src/renderers/webgl/WebGLPrograms.js
@@ -123,7 +123,7 @@ function WebGLPrograms( renderer, cubemaps, cubeuvmaps, extensions, capabilities
 			instancingColor: object.isInstancedMesh === true && object.instanceColor !== null,
 
 			supportsVertexTextures: vertexTextures,
-			outputEncoding: ( currentRenderTarget === null ) ? renderer.outputEncoding : ( currentRenderTarget.isXRRenderTarget === true ? currentRenderTarget.texture.encoding : LinearEncoding ),
+			outputColorSpace: ( currentRenderTarget === null ) ? renderer.outputColorSpace : ( currentRenderTarget.isXRRenderTarget === true ? currentRenderTarget.texture.encoding : LinearEncoding ),
 			map: !! material.map,
 			matcap: !! material.matcap,
 			envMap: !! envMap,
@@ -269,7 +269,7 @@ function WebGLPrograms( renderer, cubemaps, cubeuvmaps, extensions, capabilities
 
 			getProgramCacheKeyParameters( array, parameters );
 			getProgramCacheKeyBooleans( array, parameters );
-			array.push( renderer.outputEncoding );
+			array.push( renderer.outputColorSpace );
 
 		}
 
@@ -282,7 +282,7 @@ function WebGLPrograms( renderer, cubemaps, cubeuvmaps, extensions, capabilities
 	function getProgramCacheKeyParameters( array, parameters ) {
 
 		array.push( parameters.precision );
-		array.push( parameters.outputEncoding );
+		array.push( parameters.outputColorSpace );
 		array.push( parameters.envMapMode );
 		array.push( parameters.envMapCubeUVHeight );
 		array.push( parameters.combine );
diff --git a/src/renderers/webxr/WebXRManager.js b/src/renderers/webxr/WebXRManager.js
index d2df06f96435e8..5b7f9fbd3b2c06 100644
--- a/src/renderers/webxr/WebXRManager.js
+++ b/src/renderers/webxr/WebXRManager.js
@@ -265,7 +265,7 @@ class WebXRManager extends EventDispatcher {
 						{
 							format: RGBAFormat,
 							type: UnsignedByteType,
-							encoding: renderer.outputEncoding
+							encoding: renderer.outputColorSpace
 						}
 					);
 
@@ -284,7 +284,7 @@ class WebXRManager extends EventDispatcher {
 					}
 
 					const projectionlayerInit = {
-						colorFormat: ( renderer.outputEncoding === sRGBEncoding ) ? gl.SRGB8_ALPHA8 : gl.RGBA8,
+						colorFormat: ( renderer.outputColorSpace === sRGBEncoding ) ? gl.SRGB8_ALPHA8 : gl.RGBA8,
 						depthFormat: glDepthFormat,
 						scaleFactor: framebufferScaleFactor
 					};
@@ -303,7 +303,7 @@ class WebXRManager extends EventDispatcher {
 							type: UnsignedByteType,
 							depthTexture: new DepthTexture( glProjLayer.textureWidth, glProjLayer.textureHeight, depthType, undefined, undefined, undefined, undefined, undefined, undefined, depthFormat ),
 							stencilBuffer: attributes.stencil,
-							encoding: renderer.outputEncoding,
+							encoding: renderer.outputColorSpace,
 							samples: attributes.antialias ? 4 : 0
 						} );
 

From c79a2b8d726b37a47672958d42472213b6b1900d Mon Sep 17 00:00:00 2001
From: Mugen87 <michael.herzog@human-interactive.org>
Date: Sat, 21 May 2022 10:13:40 +0200
Subject: [PATCH 2/2] WebGLRenderer: Clean up.

---
 src/renderers/WebGLRenderer.js | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/src/renderers/WebGLRenderer.js b/src/renderers/WebGLRenderer.js
index 8fc79804776a31..4de7240ab6c378 100644
--- a/src/renderers/WebGLRenderer.js
+++ b/src/renderers/WebGLRenderer.js
@@ -150,6 +150,23 @@ function WebGLRenderer( parameters = {} ) {
 
 				console.warn( 'THREE.WebGLRenderer: .gammaFactor has been removed.' );
 
+			}
+		},
+
+		// @deprecated since TODO
+
+		outputEncoding: {
+			get: function () {
+
+				console.warn( 'THREE.WebGLRenderer: .outputEncoding has been renamed to .outputColorSpace.' );
+				return this.outputColorSpace;
+
+			},
+			set: function ( value ) {
+
+				console.warn( 'THREE.WebGLRenderer: .outputEncoding has been renamed to .outputColorSpace.' );
+				this.outputColorSpace = value;
+
 			}
 		}