How to Use the Hidden Color Picker Tool of Chrome Browser

0



How to Use the Hidden Color Picker Tool of Chrome Browser  How to Use the Hidden Color Picker Tool of Chrome Browser

While visiting different websites, sometimes we come across a particular website, which has an eye-catching color scheme. At that time, we desperately want to grab those color codes. However, getting the hex code for any color is not an easy process.

How to Use the Hidden Color Picker Tool of Chrome Browser 728x90

You need to use a color picker tool to get the hex code for any color. Now there are plenty of color picker extensions available for the Chrome browser. With Color Picker extensions, you can get the hex code for any color on your screen. However, what if I tell you that you don’t need to install an extension to get the Hex code of colors?

Actually, the Google Chrome web browser has a hidden color picker tool that can be used to get the hex code or RGB value of the background color or font color. In this article, we are going to share a working method that would let you use the hidden Color Picker tool of the Chrome browser.

Use the Hidden Color Picker Tool of Chrome Browser

The good thing about this method is that you don’t need to install any software or extensions to grab the hex code of any color. Let’s check out how to use the hidden Color Picker tool of the Chrome web browser.

Step 1. First of all, launch the Google Chrome browser on your computer.

Launch the Google Chrome browser  How to Use the Hidden Color Picker Tool of Chrome Browser
Launch the Google Chrome browser

Step 2. Once done, head to the website whose color code you wish to find out. Right-click on the blank space and select ‘Inspect’

Select 'Inspect'  How to Use the Hidden Color Picker Tool of Chrome Browser
Select ‘Inspect’

Step 3. Now on the developer tools, you need to look at the ‘Styles’ section.

Look at the 'Styles' section  How to Use the Hidden Color Picker Tool of Chrome Browser
Look at the ‘Styles’ section

Step 4. Scroll down until you find the CSS Style used on the webpage. You will notice a small square of colors.

small square of colors  How to Use the Hidden Color Picker Tool of Chrome Browser
Small squares of colors

Step 5. Just click on the small square displaying the color to open the color picker.

Color Picker tool  How to Use the Hidden Color Picker Tool of Chrome Browser
Color Picker tool

Step 6. You will now see the Eyedropper tool. You just need to hover your mouse over the color schemes used on the website. This will show you the hex code of the color.

How to Use the Hidden Color Picker Tool of Chrome Browser imgpsh fullsize anim girl
Copy the HEX code  How to Use the Hidden Color Picker Tool of Chrome Browser
Copy the HEX code

That’s it! You are done. Now you can copy the hex code to your clipboard and use it on your projects.

So, this article is all about how to use the hidden color picker tool of the Google Chrome browser. I hope this article helped you! Share it with your friends also.

The post How to Use the Hidden Color Picker Tool of Chrome Browser appeared first on Tech Viral.



Source link

How to Use the Hidden Color Picker Tool of Chrome Browser jv banner 1 492 328

Leave A Reply

Your email address will not be published.