# Browser 3D widget looks washed out.

**URL:** <https://forums.unrealengine.com/t/browser-3d-widget-looks-washed-out/366547>\
**Category:** UI\
**Tags:** browser, unreal-engine, Widget, question, Blueprint\
**Created:** [August 8, 2016, 10:11pm UTC](https://forums.unrealengine.com/t/browser-3d-widget-looks-washed-out/366547 "2016-08-08T22:11:37Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![dsanjit](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@dsanjit](https://forums.unrealengine.com/u/dsanjit)\
**Post date:** [August 8, 2016, 10:11pm UTC](https://forums.unrealengine.com/t/browser-3d-widget-looks-washed-out/366547/1 "2016-08-08T22:11:37Z")

</div>

Hi, I have noticed that the Browser widget in 3D looks washed out, lacks contrast and the text is illegible. Attached is an in game screen shot as well as a capture of of Chrome displaying the same page - there is a huge difference in contrast. Any suggestions ? Can I tweak the actual material used by the widget ?

 ![102038-browser.jpg](https://d3kjluh73b9h9o.cloudfront.net/original/4X/d/4/9/d49e4a504cd69a24804de28344995d7ae1a6086d.jpeg)

---

<div class="post-metadata">

**Author:** ![ach1lles](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@ach1lles](https://forums.unrealengine.com/u/ach1lles)\
**Post date:** [January 25, 2017, 7:51pm UTC](https://forums.unrealengine.com/t/browser-3d-widget-looks-washed-out/366547/2 "2017-01-25T19:51:05Z")

</div>

I am finding the same, did you ever find a way of boosting contrast and color?

---

<div class="post-metadata">

**Author:** ![anonymous\_user\_8fd11f73](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@anonymous\_user\_8fd11f73](https://forums.unrealengine.com/u/anonymous_user_8fd11f73)\
**Post date:** [September 13, 2017, 6:09pm UTC](https://forums.unrealengine.com/t/browser-3d-widget-looks-washed-out/366547/3 "2017-09-13T18:09:13Z")

</div>

I was running into this same issue and it is because the Web Browser plugin is outputting its color data in the sRGB format and the Widget/3D Widget is expecting the data in linear RGB. The problem can be fixed by creating a new material to use in the 3D Widget instead of the default Widget3DPassthrough\_Masked\_OneSided. I have included a screenshot of the material I made to fix the problem. It implements the standard sRGB to linear formula.

 ![213396-cuserstdc8123desktopwebbrowser.png](https://d3kjluh73b9h9o.cloudfront.net/original/4X/7/a/0/7a0208bbf511548122af55b36ae5972d31bf45e5.png)

* * *

Another user was having this same issue here:

> **[Web Browser Widget Picture Blurry](https://forums.unrealengine.com/questions/457066/web-browser-widget-picture-blurry.html)**
>
> I added a 3DWidget that contains a web browser, but I found the resolution of the web browser to be very low. I’ve tried to change the Engine Scalability Settings to all Epic / 100%, but it doesn’t make a difference. Does anyone know how to make...

* * *

Bug Report:

> **[Web Browser Plugin color in sRGB when 3D Widget expects linear](https://forums.unrealengine.com/questions/706152/web-browser-plugin-color-in-srgb-when-3d-widget-ex.html)**
>
> The Web Browser plugin appears washed out when viewed in-game because the color data is in sRGB and 3D Widget expects linear RGB. Two instances of issue: Solution: Web Browser plugin needs to convert color data from sRGB to linear RGB to work...

---

<div class="post-metadata">

**Author:** ![BojanglesTheLess](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@BojanglesTheLess](https://forums.unrealengine.com/u/BojanglesTheLess)\
**Post date:** [September 22, 2022, 1:24pm UTC](https://forums.unrealengine.com/t/browser-3d-widget-looks-washed-out/366547/4 "2022-09-22T13:24:52Z")

</div>

Wow yeah this works. You can copy and paste from this if you want to use it:

> **[sRGB to Linear posted by anonymous | blueprintUE | PasteBin For Unreal Engine](https://blueprintue.com/blueprint/7bl93nme/)**
>
> No description provided

---

<div class="post-metadata">

**Author:** ![PaYo](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@PaYo](https://forums.unrealengine.com/u/PaYo)\
**Post date:** [November 4, 2023, 9:30pm UTC](https://forums.unrealengine.com/t/browser-3d-widget-looks-washed-out/366547/5 "2023-11-04T21:30:34Z")

</div>

what material this is, this white box inside parameter 2d?

---

<div class="post-metadata">

**Author:** ![Zarrar2802](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/zarrar2802/32/710746_2.png) [@Zarrar2802](https://forums.unrealengine.com/u/Zarrar2802)\
**Post date:** [November 18, 2023, 10:53am UTC](https://forums.unrealengine.com/t/browser-3d-widget-looks-washed-out/366547/6 "2023-11-18T10:53:25Z")

</div>

Thank you lifesaver!

---

<div class="post-metadata">

**Author:** ![Vallamost](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@Vallamost](https://forums.unrealengine.com/u/Vallamost)\
**Post date:** [December 24, 2023, 7:31pm UTC](https://forums.unrealengine.com/t/browser-3d-widget-looks-washed-out/366547/7 "2023-12-24T19:31:50Z")

</div>

Where does this material go? Why is it applied only to the emissive color?

---

<div class="post-metadata">

**Author:** ![Paul\_Eckhardt](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@Paul\_Eckhardt](https://forums.unrealengine.com/u/Paul_Eckhardt)\
**Post date:** [March 11, 2024, 9:52pm UTC](https://forums.unrealengine.com/t/browser-3d-widget-looks-washed-out/366547/8 "2024-03-11T21:52:13Z")

</div>

![image](https://d3kjluh73b9h9o.cloudfront.net/original/4X/9/a/4/9a4b55a91c3e8eabb6ff8a170caacad19a7ee615.jpeg)

Hopefully you’ve figured this out, if not, here’s my strategy:  
Copy the Widget3DPassThrough material to my project, and add the srgb to linear nodes into a make float3 which will fix the color space issue.

You may not need the passthrough widget material, and could possibly use a much simpler widget in your project.

---

<div class="post-metadata">

**Author:** ![RahulSode](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@RahulSode](https://forums.unrealengine.com/u/RahulSode)\
**Post date:** [June 4, 2025, 7:53pm UTC](https://forums.unrealengine.com/t/browser-3d-widget-looks-washed-out/366547/9 "2025-06-04T19:53:02Z")

</div>

You are Awesome !!
