Easily select your desired color with this intuitive color picker tool, available as a Web Extension. Once you choose a color, its hex code is automatically displayed for quick reference. You can also copy the hex code to your clipboard with a single click, making it seamless to integrate the color into your projects. Perfect for designers, developers, and anyone working with color customization—this extension enhances your productivity by providing a simple and efficient way to select and utilize colors without leaving your browser. Enjoy the ease of color picking right from your toolbar!
Simply click on the Square and pick any color. Pick the colors of the icon in the navbar to check. Used JS to pick colors and CSS to style.
1. Download the color-picker tool
2. Extract the contents of the ZIP file, if applicable.
1. Open your preferred web browser.
2. Navigate to the Extensions page using the corresponding URL from the table below:
| Browser | Extension Settings Page |
|---|---|
| Google Chrome | chrome://extensions/ |
| Mozilla Firefox | about:addons |
| Microsoft Edge | edge://extensions/ |
| Safari | x-apple-system://com.apple.Safari.Extensions |
3. Enable Developer mode if required (varies by browser).
1. Click the Load unpacked button (or equivalent in your browser).
2. Select the folder containing the extension files (where `manifest.json` is located).
- The Color Picker icon should now appear in the browser toolbar.
- Click the icon to open the popup and Pick Colors. That's it :)
Choose the version that is compatible with your platform and enjoy our latest features!
| Version | Release Date | Platform | Download |
|---|---|---|---|
| 1.0.0 | March 1, 2023 | Windows, Mac, Linux | Download |
| 1.1.0 | April 15, 2023 | Windows, Mac | Download |
| 1.2.0 | May 10, 2023 | Windows, Linux | Download |
| 2.0.0 | June 1, 2023 | Windows, Mac, Linux | Download |