#COLOR PICKER EXTENSION CHROME HOW TO#

In this file it is defined the icon images that should be use on the browser Views The manifest is a json file, required from Google, to comunicate how the application behaves and works: imgs: Contains all the image used by the application and this documentĪt the root of the application is set a configuration file for the code editor, setting some definitions like line indent and others:.scripts: Defines the application behavior.styles: Defines the application theme and appearence.views: Defines the application interface.root: Defines how the application should run and be set.The application is composed of 5 main parts: To see the code of a specific color just hover the mouse over the color entry icon:Ĭlick on the trash can icon to delete that color entry:Īs long at least 1 color entry exists, a export button will appear allowing a download of the named colors as css variables: To change the color name just click on it and a new name prompt will popup: With the color selected, click the button Add on the extension popup interface:

#COLOR PICKER EXTENSION CHROME HOW TO#

How to use Set up extensionĬheck if Chrome is in developer mode and run 'Load unpacked extension':Ĭlick on the extension icon and select the color picker input:Ī menu will popup and allow the color selection and adjustment: Chrome Extension - Color Picker Video Demo: Description: A chrome extension color picker application to extract colors from websites and images.

Color picker extension chrome