IntirnIntirn
Browser ExtensionFreeintermediate

Website Color Grabber - Chrome Extension

Extracts dominant colors from a webpage and displays them as a palette with a mood analysis.

Created by

Intirn

Uses
0
Rating
N/A
Score
85
Complexity
intermediate
Free

Free to use

Copies a prompt for your AI to fetch this code

Files included4
LicenseNot specified

About

The 'Aura — Page Color Vibes' Chrome extension provides a visual analysis of a webpage's color scheme. Upon activation, it injects a content script into the current tab to scan for colors used in various DOM elements, including background, text, and border colors, as well as sampling colors from images. It employs color parsing, clustering, and distance algorithms to identify the most prominent and distinct colors. The extracted palette is then displayed in the extension's popup UI, featuring individual color swatches, a dynamically generated animated gradient background, and a 'mood' descriptor (e.g., 'Warm & Airy', 'Cyber & Electric') derived from the average hue, saturation, and lightness of the palette. Each color swatch is clickable, allowing users to easily copy its hex code to the clipboard.

Capabilities

  • Extracts dominant colors from web pages
  • Generates animated CSS gradients
  • Derives color palette mood
  • Provides one-click hex code copying
  • Visualizes color palettes

Use Cases

  • Web designers seeking inspiration from existing sites
  • Developers needing to match a site's color scheme
  • Content creators analyzing visual branding
  • Users curious about the color psychology of a webpage

Not Suitable For

  • Real-time color analysis of dynamic content
  • Extracting colors from non-web content
  • Replacing professional design tools

Tags

color-extractionweb-designchrome-extensionpalette-generatorcss

What's Inside

Files4
Lines of code1,453
LanguagesJavaScript, HTML, CSS
Runtimebrowser
Setup
Load the extension in Chrome by navigating to chrome://extensions/, enabling developer mode, and clicking 'Load unpacked' pointing to the extension's directory.
All code is free on Intirn

More from Browser Extension

Browse category

Discover more Browser Extension listings in the marketplace.