Best Color Picker Chrome Extensions to Get HEX, RGB, and HSL Color Codes

Whether you’re an internet designer, artist, or only one that needs to match colours, Google Chrome affords many add-ons within the Chrome Net Retailer that may assist.

Utilizing a shade picker Chrome extension, you'll be able to acquire the HEX, RGB, or HSL values for any shade you need on the net. Merely level your cursor to the colour and get the code it's worthwhile to match the colour.

Listed here are 10 Chrome shade picker extensions, beginning with those who have additional options and performance you may get pleasure from.

You'll be able to acquire a shade code for any shade you see on a webpage with Shade Picker Instrument – Geco.

1. Choose the extension button in your toolbar.
2. Level your cursor on the shade you need to determine.
3. Click on it to save lots of the colour within the extension’s checklist.

You’ll then see the HEX, RGB, and HSL codes within the New and Picked sections of the extension’s window. Choose an earlier shade you’ve recognized, and also you’ll see these codes within the New part.

Extra Options:

• Routinely copy the HEX shade code to your clipboard for straightforward pasting the place wanted.
• Obtain a CSV file of your shade palette with HEX, RGB, and HSL codes.
• Alter settings for copying to your clipboard, enabling a notification, and utilizing a right-click.

Use the eyedropper software from AKColor to seize the colour code from any website you see on the net.

1. Choose the extension button in your toolbar.
2. Select the eyedropper on the left and level your cursor on the shade you need to determine.
3. Click on to view the colour codes together with the closest shade and common shade of the realm.

You’ll see a pleasant pop-up window with the colour codes for RGB, RGBA, HEX, HSL, and HSLA. Select any of the codes to repeat the colour values to your clipboard. Then, choose Choose Once more or Shut.

Extra Options:

• Use the Shade Converter and Gradient Generator constructed proper into the extension.
• Make the most of keyboard shortcuts for fast and straightforward shade identification.
• Alter settings for nighttime mode, the interface, the scale of the pixel magnifier, the zoom stage, and extra.

For those who’re in search of a shade picker that you should use in different places quite than simply the net, Choose Shade is the software for you.

1. Choose the extension button in your toolbar.
2. Choose Select Your Shade after which choose the eyedropper.
3. Level your cursor on the shade you need to determine. This may be on an internet site, your desktop, or in one other utility.
4. Click on it to save lots of the colour within the extension.

You’ll then see the HEX, RGB, and HSL shade codes within the extension’s window. You'll be able to copy the HEX code by choosing the copy icon on the fitting of it. To repeat the RGB or HSL values, transfer all the way down to the part beneath and use these copy icons.

Bonus Characteristic

With Choose Shade, you'll be able to rapidly determine a shade on a webpage and replica the HEX code to your clipboard with a few clicks.

1. Proper-click the webpage and choose Choose a shade on the web page from the shortcut menu.
2. Transfer your cursor to the colour and also you’ll see the HEX code hooked up.
3. Click on to repeat the colour’s HEX code to your clipboard.

For one more Chrome extension with helpful additional options, check out Shade Picker from linangdata.com.

1. Choose the extension button in your toolbar and go to the Eyedropper tab.
2. Select Eyedropper and level your cursor on the shade. You’ll see the HEX code seem as you progress your pointer.
3. Click on to save lots of the colour within the extension’s checklist and replica the HEX code to your clipboard at the identical time.
4. Reopen the extension with the toolbar button and also you’ll see the HEX, RGB, HSL, HSV, and CMYK codes. Choose the copy icon to the fitting of any one of many codes to put it in your clipboard.

Extra Options:

• Use the Shade Picker tab to show prime colours with their shade codes.
• Attempt the Shade Scale tab to view totally different shade shades with their shade codes.
• Take a look at the Shade Blender tab to multiply, darken, lighten, and overlay colours.

Eye Dropper is a pleasant shade choosing possibility for Chrome with a couple of bonuses you may like.

1. Choose the extension button in your toolbar.
2. Select Choose shade from the internet web page and transfer your cursor to the colour. As you progress your pointer, you’ll see the HEX and RGB values on the underside proper nook of your browser window.
3. Click on the colour to reserve it to the extension’s checklist.
4. If you reopen the extension, you’ll see the HEX, HSL, and RGB shade codes together with the shades identify within the Chosen shade part. 

Extra Options:

• Use the Shade Picker tab to combine your personal colours.
• Export your shade's historical past as a CSV file with the colour codes.
• Alter settings for copying to your clipboard, altering the pointer look, and disabling the colour info as you progress your cursor.

If you wish to determine colours after which group them for fast entry, take a look at Black-shrimp.

1. Choose the extension button in your toolbar. This opens the add-on’s small window on the left.
2. Level your cursor to the colour you need to determine and click on.
3. You’ll instantly see the HEX code within the window. Use the drop-down field after the recognized shade to view the RGB or HSL shade codes.
4. To save lots of colours, choose the plus signal on the backside of the window.

Extra Options:

• Add a gaggle utilizing the folder icon and drag saved colours into it.
• Export your saved colours as an ASE (Adobe Swatch Change) file.
• Use keyboard shortcuts to add a shade, create a gaggle, delete, or export.

If fancy additional options aren’t for you and also you need an easy extension, check out Straightforward Shade Picker.

1. Choose the extension button in your toolbar.
2. Select the Choose button on the highest proper and level your cursor on the shade. As you progress your pointer, you’ll see the HEX and RGB values on the underside proper nook of your browser window.
3. Click on the colour you need after which reopen the extension with the button to view the HEX, RGB, and HSL codes.

Though there are not any easy copy choices for the colour codes, you'll be able to right-click inside every field and choose Copy if it's worthwhile to paste the values elsewhere.

Just like Straightforward Shade Picker is Colorfly Shade Picker. Seize the colour, view the code, and replica values if wanted.

1. Choose the extension button in your toolbar.
2. Select the Choose Shade button and level your cursor on the shade. As you progress your cursor, you'll be able to view the HEX and RGB values on the underside proper nook of your browser window.
3. Click on the colour you need, and also you’ll see the HEX, RGB, and HSL codes within the extension’s window. Choose any shade code to repeat it to your clipboard.

9. Shade Picker (by kipelovvycheslav)

One other fundamental Chrome browser extension has the identical identity as one other in our checklist, Shade Picker, this one from kipelovvycheslav.

1. Choose the extension button in your toolbar.
2. Level your cursor to the colour you need to determine and click on.
3. Reopen the extension to see the HEX, HSL, and RGB shade codes.

One closing, easy Chrome extension without bells and whistles is Good Shade Picker.

1. Choose the extension button in your toolbar.
2. Select the Choose Shade button and level your cursor on the shade. As you progress your cursor, you’ll see the HEX and RGB values on the underside proper nook of your browser window.
3. Click on the colour you need after which reopen the extension with the button to view the HEX, RGB, and HSL codes. Choose any shade code to repeat it to your clipboard.

Hopefully at the least certainly one of these Chrome extension shade pickers is simply what you want. Whether or not you want additional options or favour to maintain it easy, they’re all nice choices.