9+ Best Chrome Extensions for Color Codes (2024)

List of the best color pickers for Chrome

1. Geco

You can get a color code for any color you see on a web page with the Color Picker Tool - Geco.

1. Select the extension button in your toolbar.
2. Hover your cursor over the color you want to identify.
3. Click to save the color to the extension list.

You will then see the HEX, RGB, and HSL codes in the sections New and Picked of the extension window. Select a previous color that you identified, and you'll see these codes in the section New.

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 the settings for copying to the clipboard, activating a notification, and using a right-click.

2. AKcolor.

Use the AKColor pipette tool to retrieve the color code of any site you see on the web.

1. Select the extension button in your toolbar.
2. Choose the pipette on the left and point your cursor to the color you want to identify.
3. Click to show the color codes as well as the closest color and the average color in the area.

You'll see a nice pop-up window with color codes for RGB, RGBA, HEX, HSL, and HSLA. Choose one of the codes to copy the color values to your clipboard. Then select Pick Again or Close.

Features

• Use the color converter And the gradient generator integrated into the extension.
• Take advantage of keyboard shortcuts for quick and easy color identification.
• Adjust settings for night mode, interface, pixel magnifier size, zoom level, etc.

3. Pick Color.

If you're looking for a color picker that you can use elsewhere than the web, Pick Color is the tool for you.

1. Select the extension button in your toolbar.
2. Choose Choose your color, then select the pipette.
3. Hover your cursor over the color you want to identify. It can be on a website, on your desktop, or in another application.
4. Click to save the color in 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 the HEX code. To copy the RGB or HSL values, go down to the section below and use these copy icons.

Features

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.

1. Right-click on the web page and select Choose a color on the page in the context menu.
2. Move your cursor over the color and you'll see the HEX code attached.
3. Click to copy the HEX code of the color to your clipboard.

4. Color Picker (by linangdata.com)

For another Chrome extension with useful additional features, check out Color Picker from linangdata.com.

1. Select the extension button in your toolbar and go to the tab Pipette.
2. Choose Eyedropper and point your cursor over the color. You will see the HEX code appear when you move your cursor.
3. Click to save the color to the extension list and copy the HEX code to your clipboard at the same time.
4. Reopen the extension with the toolbar button and you'll see the HEX, RGB, HSL, HSV, and CMYK codes. Select the copy icon to the right of any of these codes to place them on your clipboard.

Features

• Use the tab Color picker to display primary colors with their color code.
• Try the tab Color scale to visualize different color shades with their color codes.
• Consult the tab Color Blender to multiply, darken, brighten, and superimpose colors.

5. Eye Dropper.

Eye Dropper is a color selection option for Chrome with a few bonuses you might enjoy.

1. Select the extension button in your toolbar.
2. Choose Choosing a color on a web page and move your cursor over the color. As you move your cursor, you'll see the HEX and RGB values in the lower right corner of your browser window.
3. Click on the color to save it to the extensions list.
4. When you reopen the extension, you'll see the HEX, HSL, and RGB color codes as well as the color name in the Color section selected.

Features

• Use the tab Color picker to mix your own colors.
• Export your color history as a CSV file with color codes.
• Adjust the settings to copy to the clipboard, change the appearance of the pointer, and turn off color information when you move your cursor.

6. Black-shrimp.

If you want to identify colors and group them together for quick access, see the Black-shrimp section.

1. Select the extension button in your toolbar. This opens the small extension window on the left.
2. Point your cursor to the color you want to identify and click.
3. You will immediately see the HEX code in the window. Use the dropdown list next to the identified color to show the RGB or HSL color codes.
4. To save the color, select the Plus sign at the bottom of the window.

Features

• Add a group using the icon of folder and drag the saved colors into it.
• Export your saved colors as an ASE file (Adobe Swatch Exchange).
• Use keyboard shortcuts to add a color, create a group, delete, or export.

7. Easy Color Picker.

If you're not interested in additional features and want a simple extension, take a look at Easy Color Picker.

1. Select the extension button in your toolbar.
2. Choose the button Choisir at the top right and point your cursor over the color. By moving your cursor, you will see the HEX and RGB values in the lower right corner of your browser window.
3. Click on the color you want, then reopen the extension with the button to show the HEX, RGB, and HSL codes.

Although there is no easy copy option for color codes, you can right-click in each box and select Copy if you need to paste the values elsewhere.

8. Colorfly Color Picker.

Similar to Easy Color Picker is Colorfly Color Picker. Enter the color, visualize the code, and copy the values if needed.

1. Select the extension button in your toolbar.
2. Choose the button Choose a color and point your cursor over the color. When you move your cursor, you can see the HEX and RGB values in the lower right corner of your browser window.
3. Click on the color you want, and you'll see the HEX, RGB, and HSL codes in the extension window. Select any color code to copy to your clipboard.

9. Color Picker (by kipelovvycheslav).

Another core Chrome browser extension has the same name as another on our list, Color Picker, this one from kipelovvycheslav.

1. Select the extension button in your toolbar.
2. Point your cursor to the color you want to identify and click.
3. Reopen the extension to see HEX, HSL, and RGB color codes.

10. Smart Color Picker.

A final Chrome extension, simple and without frills, is Smart Color Picker.

1. Select the extension button in your toolbar.
2. Choose the button Choose a color and point your cursor over the color. By moving your cursor, you will see the HEX and RGB values in the lower right corner of your browser window.
3. Click on the color you want, then reopen the extension with the button to show the HEX, RGB, and HSL codes. Select any color code to copy to your clipboard.

Hopefully, at least one of these color pickers in the Chrome extension is what you need. Whether you like the extra features or prefer to keep it simple, these are all great options.

For additional help, see the “How to” section install or remove extensions in Chrome“.