The Color Code Viewer Chrome extension allows you to easily pick colors from anywhere on your screen and instantly get their Hex and RGB codes! Perfect for designers, developers, and anyone who works with colors, this extension not only helps you grab color codes but also lets you save your picked colors in a list and export them to a .txt
file. β¨
- π Pick Any Color: Capture any color from any pixel on your display.
- π» View Hex & RGB Codes: Get the Hex and RGB values for the color you selected.
- π Copy Codes: Quickly copy the color codes to your clipboard with just a click.
- π Save Color List: Save your selected colors in a
.txt
file for easy access later. - π§Ή Clear List: Option to clear the list if you need to start fresh!
- Frontend: JavaScript (lots of it! π), a little bit of CSS for styling.
- Browser API: Chrome Extensions API (Manifest V3).
- Libraries: None! Just pure JavaScript and Chrome APIs. π οΈ
Link- https://chromewebstore.google.com/detail/color-code-viewer/neickedhklkbkiofgdjdfojiepcfhpla
- Visit the live link for the Color Code Viewer extension on the Chrome Web Store.
- Click on Add to Chrome.
- Once installed, the Color Code Viewer icon will appear in your browser toolbar. π
- Click the Color Code Viewer extension icon in the toolbar to open the popup.
- Click the Pick Color button to start selecting colors from your screen. π¨
- Hover over the area with the color you want, and click to capture it. π
- The Hex and RGB values will be displayed immediately. π
- Click Copy to copy the color code to your clipboard. π
- Continue selecting more colors, and theyβll be added to your color list. π
- To save your color list, click Save to download a
.txt
file containing the color codes. πΎ - To clear your list, just click Clear List. π§Ή
Want to contribute to Color Code Viewer? π
Feel free to fork the repository, submit a pull request, and add new features or improvements! π
Just make sure to follow the existing code style and keep it cool. π
This project is open-source and available under the MIT License. π
- Thanks to the Chrome Extensions API for making building this extension so easy! πͺ
- Special thanks to all the contributors and testers for their awesome feedback! π