The Best Chrome Color Picker Extensions to Get HEX, RGB, and HSL Color Codes
Whether you’re a web designer, artist, or just someone who wants to match colors, Google Chrome has several add-ons in the Chrome Web Store that can help.
Using a color picker chrome extension, you can get the HEX, RGB, or HSL values for any color you want on the web. Just hover your cursor over the color and get the code you need to match the color.
Here are 10 Chrome color picker extensions starting with those that have additional features and functionality you might enjoy.
You can get a color code for any color you see on a web page with Color Picker Tool – Geco.
- Select the extension button from your toolbar.
- Hover your cursor over the color you want to identify.
- Click to save the color to the extension list.
You will then see the HEX, RGB and HSL codes in the New and Selected sections of the extension window. Select a previous color that you have identified and you will see those codes in the New section.
Additional Features:
- Automatically copy the HEX color code to your clipboard for easy pasting where you need it.
- Upload a CSV file of your color palette with HEX, RGB, and HSL codes.
- Adjust copy settings to your clipboard, enable a notification, and use right-click.
Use AKColor’s eyedropper tool to grab the color code of any site you see on the web.
- Select the extension button from your toolbar.
- Choose the pipette on the left and hover your cursor over the color you want to identify.
- Click to display the color codes as well as the closest color and the average color of the area.
You will see a nice popup window with the color codes for RGB, RGBA, HEX, HSL and HSLA. Choose one of the codes to copy the color values to your clipboard. Then select choose again Where Close.
Additional Features:
- Use the color converter and Gradient generator integrated directly into the extension.
- Take advantage of keyboard shortcuts for quick and easy color identification.
- Adjust night mode settings, interface, pixel magnifier size, zoom level, and more.
If you’re looking for a color picker that you can use somewhere other than the web, Pick Color is the tool for you.
- Select the extension button from your toolbar.
- Take Choose your color then select the pipette.
- Hover your cursor over the color you want to identify. This can be on a website, your desktop, or in another application.
- Click to save the color to the extension.
You will then see the HEX, RGB and HSL color codes in the extension window. You can copy the HEX code by selecting the copy icon to the right of it. To copy RGB or HSL values, scroll down to the section below and use these copy icons.
Bonus feature
With Pick Color, you can quickly identify a color on a web page and copy the HEX code to your clipboard with just a few clicks.
- Right-click on the webpage and select Choose a color on the page from the context menu.
- Move your cursor over the color and you will see the HEX code attached.
- Click to copy the color’s HEX code to your clipboard.
For another Chrome extension with useful additional features, take a look at Color Picker from linangdata.com.
- Select the extension button in your toolbar and navigate to the Pipette tongue.
- To choose Pipette and hover your cursor over the color. You will see the HEX code appear as you move your pointer.
- Click to save the color in the extension list and copy the HEX code to your clipboard at the same time.
- Reopen the extension with the toolbar button and you will see HEX, RGB, HSL, HSV and CMYK codes. Select the copy icon to the right of one of the codes to place it on your clipboard.
Additional Features:
- Use the color picker tab to display the primary colors with their color codes.
- Try it Color scale tab to display different shades of colors with their color codes.
- Check color mixer tab to multiply, darken, lighten and layer colors.
Eye Dropper is a nice color picker option for Chrome with a few bonuses you might like.
- Select the extension button from your toolbar.
- To choose Choose webpage color and move your cursor over the color. As you move your pointer, you will see the HEX and RGB values in the lower right corner of your browser window.
- Click on the color to save it to the list of extensions.
- When you reopen the extension, you will see the HEX, HSL, and RGB color codes along with the name of that color in the Selected color section.
Additional Features:
- Use the color picker tab to mix your own colors.
- Export your color history as a CSV file with color codes.
- Adjust copy settings to your clipboard, change pointer appearance, and turn off color information as you move your cursor.
If you want to identify colors and then group them together for quick access, check out Black-shrimp.
- Select the extension button from your toolbar. This opens the small add-on window on the left.
- Point your cursor to the color you want to identify and click.
- You will immediately see the HEX code in the window. Use the drop-down list next to the identified color to view RGB or HSL color codes.
- To save the color, select the plus sign at the bottom of the window.
Additional Features:
- Add a group using case and drag saved colors into it.
- Export your saved colors as an ASE (Adobe Swatch Exchange) file.
- Use keyboard shortcuts to add color, create group, delete or export.
If the fancy extra features aren’t for you and you want a simple extension, take a look at Easy Color Picker.
- Select the extension button from your toolbar.
- Choose the Take button at the top right and hover your cursor over the color. As you move your pointer, you will see the HEX and RGB values in the lower right corner of your browser window.
- Click on the color you want, then reopen the extension with the button to view the HEX, RGB and HSL codes.
Although there are no simple copy options for color codes, you can right click in each box and select Copy if you need to paste the values elsewhere.
Colorfly color picker is similar to Easy Color Picker. Enter the color, display the code and copy the values if necessary.
- Select the extension button from your toolbar.
- Choose the Choose color and hover your cursor over the color. As you move your cursor, you can see the HEX and RGB values in the lower right corner of your browser window.
- Click on the desired color and you will see the HEX, RGB and HSL codes in the extension window. Select any color code to copy it to your clipboard.
9. Color Picker (by kipelovvycheslav)
Another basic Chrome browser extension has the same name as another one on our list, Color Picker, this one from kipelovvycheslav.
- Select the extension button from your toolbar.
- Point your cursor to the color you want to identify and click.
- Reopen the extension to see HEX, HSL and RGB color codes.
A final simple, no-frills Chrome extension is Smart Color Picker.
- Select the extension button from your toolbar.
- Choose the Choose color and hover your cursor over the color. As you move your cursor, you will see the HEX and RGB values in the lower right corner of your browser window.
- Click on the color you want, then reopen the extension with the button to view the HEX, RGB and HSL codes. Select any color code to copy it to your clipboard.
Hopefully at least one of these Chrome extension color pickers is exactly what you need. Whether you like the extra features or prefer to keep it simple, these are all great options.
For additional help, learn how to install or remove extensions in Chrome.