Skip to content

ganemedelabs/csspectrum

Repository files navigation

CSSpectrum Chrome Extension

Code size Webpack JavaScript License

The CSSpectrum Chrome Extension enhances the web browsing experience by detecting, parsing, and visually displaying color values found within any web page. It supports the full breadth of modern CSS color syntax—including all <color> syntaxes defined in W3C CSS Color Module Level 4 and Level 5, even when they appear deeply nested within relative color functions or other advanced color constructs.

Each detected color is highlighted using its actual shade, and users can interact with the highlights to cycle through multiple color representations.

📋 Table of Contents

🔧 Installation

  1. Clone the repository or download the ZIP file:

    git clone https://github.com/ganemedelabs/csspectrum.git
  2. Install dependencies and build the project:

    npm install
    npm run build
  3. Open Chrome and go to chrome://extensions/.

  4. Enable Developer Mode in the top-right corner.

  5. Click Load Unpacked and select the dist folder.

  6. CSSpectrum is now ready to use!

📜 License

This project is licensed under the MIT License. See the LICENSE file for details.

📧 Contact

For inquiries or more information, contact us at ganemedelabs@gmail.com.

🙏 Credits

The extension icon is provided by Freepik on Flaticon.

About

A Chrome extension that highlights color strings (e.g., hex, RGB, HSL) on webpages, with each color highlighted in its own color.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published