OpenColor

Extract, inspect, and live-edit colors from any website. A design tool for developers and designers.

OpenColor is a Chrome side panel extension that extracts all colors from any website and lets you edit them in real-time. Features: • Color Extraction — Automatically scans CSS Variables, Tailwind classes, inline styles, and stylesheets • Live Editing — Click any color card to edit and instantly apply changes to the page • Color Picker — Click on any element on the page to identify its color • Dark Mode Generator — Automatically generates a dark color palette from the current site • JSON Export — Download extracted colors (light & dark) as JSON • Search & Filter — Filter by source type (CSS Var / Tailwind / Inline / Stylesheet) Perfect for: - Designers analyzing competitor sites - Developers debugging CSS - Anyone exploring design systems Supports English and Korean.