How to sync colors in photoshop with colors you want to display on your site

If you are running into issues that with the same color code (for example: #F47C48) the color you see in your photoshop file is slightly different than the color you see on your site. Here is a couple of solutions.

1. In Photoshop, go to Image > Mode and make sure it is set to “RGB”

2. Go to Edit > Color Settings and check RGB mode is set to “sRGB IEC61966-2.1”

3. Go to View > Proof Setup > select Monitor RGB

By now, the color you see in your photoshop project should be the same you see in the webpage.


If you want to protect your online privacy and give VPN a try, consider using my affiliate link where you and I both can get one month of super fast VPN free of charge. 🤗 🤓

Or if you are trying to find a place to host your project, give Digital Ocean a try. link You will be getting $100 of credit, the only thing you need to do is to use it within 60 days.