Build a personalized color palette, select colors from webpages with the eyedropper, create color scales, and blend colors

Latest Version

Version
2.0.3
Update
February 26, 2023
Size
1.74MiB
Developer
linangdata.com
Category
Users
20,000+
Rating
3.85714 ★
Manifest Version
3
Web Store Status
Languages Support
English (United States)
See more
Permissions
ActiveTab
ContextMenus
Scripting
Storage
See more

Color Picker Extension

Create your own personalized 4- color palette that you can use for your web pages, pick colors from a web page with the eyedropper, create color scales for chart, and map visualizations, experiment by blending colors.

Color Picker:
Use the color picker by clicking and dragging the markers around the palette. The color selections are shown together with their Hex code values in the boxes below the palette.
The color picker will also display the colors to different formats (i.e., HEX, RGB, HSV, HSL, CMYK).

Eyedropper:
Use the Eyedropper by right-clicking on the page and selecting \"Pick a color on the page\". You can also use the Eyedropper button on the Eyedropper tab of the extension's popup.
Note that colors are picked from a snapshot of the viewable area of the page. Make sure you scroll to the area of the page that you want to select colors from before starting the eyedropper. Also note that some pages (e.g., chrome://, file://, urls) have security that prevent eyedropper from working. The Color Picker tracks a history of the colors you've selected with the eyedropper. You can see the history on the Color Picker's Eyedropper tab.
On hi-dpi (high resolution) screens the eyedropper snapshot may appear blurry.

Color Scale:
Use the color scale to create a set of visually pleasing colors that are evenly spaced. If you are creating any type of chart or map that relies on colors to visually distinguish elements (or data values) in your chart or map you'll find this very hard to do manually and the results will likely be not ideal - often leaving the viewer to guess the intent of the color. This tool will produce a pleasing color scale from the start and end colors you select. Select from different color modes to get your favorite colors.

Color Blender:
Use the color blender to blend two colors using RGB channel-wise blend functions.

You can also type or paste a Hex code into the text fields to get a particular color.

This tool is useful if you :
- to create a four color personalized 4-color palette
- find the color code of a color on a web page with the eyedropper
- to create a color scale from 3 to 25 colors for use in bar charts, maps, etc.
- blend two colors using different modes

Features:
- available as an icon on your Chrome toolbar
- remembers the current state so when you reopen the color picker you can carry on where you left off.
- convenient buttons to copy color codes to the clipboard and save codes to a text file
- A dark-mode option allows you to view the color picker with a dark background and white text
- provides links to other tools from LinangData from the More tools menu
- It's free!
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Color Picker", "short_name": "Color Picker", "description": "Build a personalized color palette, select colors from webpages with the eyedropper, create color scales, and blend colors", "version": "2.0.3", "offline_enabled": true, "icons": { "16": "css/icons/16x16.png", "32": "css/icons/32x32.png", "36": "css/icons/36x36.png", "48": "css/icons/48x48.png", "64": "css/icons/64x64.png", "72": "css/icons/72x72.png", "96": "css/icons/96x96.png", "128": "css/icons/128x128.png", "144": "css/icons/144x144.png", "192": "css/icons/192x192.png", "512": "css/icons/512x512.png" }, "permissions": [ "activeTab", "contextMenus", "scripting", "storage" ], "commands": { "pickColor": { "description": "Pick a color on the page" } }, "action": { "default_icon": "css/icons/144x144.png", "default_popup": "index.html", "default_title": "Color Picker" }, "background": { "service_worker": "background.js" } }
Read more

Similar Extensions

icon

Eye Dropper Extension · Developer Tools 20,000+ 3008 ★ 112KiB

icon

ColorPick Eyedropper Extension · Developer Tools 20,000+ 1229 ★ 1.58MiB

icon

ColorZilla Extension · Developer Tools 20,000+ 3845 ★ 410KiB

icon

Color Picker Extension · Productivity 20,000+ 4 ★ 65.25KiB

icon

Image Background Color Picker Extension · Accessibility 20,000+ 17 ★ 81.67KiB

icon

Color Picker, Eyedropper - Geco colorpick Extension · Photos 20,000+ 823 ★ 533KiB

icon

Color Picker for Chrome™ Extension · Developer Tools 20,000+ 118 ★ 194KiB

icon

1click Pick Color Extension · Productivity 20,000+ 10 ★ 40.56KiB

icon

Quick Color Extension · Developer Tools 20,000+ 5 ★ 94.49KiB

icon

Color Picker Extension · Developer Tools 20,000+ 32 ★ 69.72KiB

icon

Color Picker Extension · Developer Tools 20,000+ 13 ★ 9.22KiB

icon

Page Ruler Extension · Productivity 20,000+ 83 ★ 256KiB

icon

Color picker Extension · Productivity 20,000+ 52 ★ 116KiB

icon

COLOR Picker Extension · Developer Tools 20,000+ 1 ★ 334KiB

icon

Color Picker Pro Extension · Developer Tools 20,000+ 21 ★ 35.99KiB

icon

Color Space Extension · Developer Tools 20,000+ 51 ★ 404KiB

icon

AKColor Extension · Developer Tools 20,000+ 17 ★ 480KiB

icon

Color Picker - Eyedropper Tool Extension · Productivity 20,000+ 939 ★ 1.77MiB

icon

Font Picker Extension · Developer Tools 20,000+ 57 ★ 358KiB

icon

Pick Color Extension · Accessibility 20,000+ 3 ★ 475KiB

icon

Hex Color Picker Extension · Productivity 20,000+ 29 ★ 841KiB

icon

Color Palette Finder Extension · Developer Tools 20,000+ 5 ★ 28.27KiB

icon

Balance – perfect daily ToDo list for New Tab Extension · Productivity 20,000+ 328 ★ 9.88MiB

icon

Smart Color Picker Extension · Productivity 20,000+ 144 ★ 374KiB

User reviews

icon

Alberto García Gómez (ID: 0000007e76dc505b) Voted 1 ★ - Updated 07/20/2022 No funciona

icon

Maggie Mae (ID: 0000004ebd671413) Voted 1 ★ - Updated 01/10/2018 didn't work for me.