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.
-
Clone the repository or download the ZIP file:
git clone https://github.com/ganemedelabs/csspectrum.git
-
Install dependencies and build the project:
npm install npm run build
-
Open Chrome and go to
chrome://extensions/. -
Enable Developer Mode in the top-right corner.
-
Click Load Unpacked and select the
distfolder. -
CSSpectrum is now ready to use!
This project is licensed under the MIT License. See the LICENSE file for details.
For inquiries or more information, contact us at ganemedelabs@gmail.com.
The extension icon is provided by Freepik on Flaticon.