Extract 1,000+ colors in 0.02 seconds • 100x faster than manual
CSS, HTML, JavaScript, TypeScript, SCSS, LESS, Stylus, and SVG

Before: Manually searching through CSS files for brand colors (1 hour)

.header {
  background: #ff5733;
}
.button {
  color: rgb(255, 87, 51);
}
/* ... 200 more colors scattered across 50 files */

After: One command extracts all 203 colors with analysis in 0.02 seconds

Colors: 203 total
Unique: 47 colors
Most used: #FF5733 (23 times)
Format: HEX (60%), RGB (30%), HSL (10%)
Sort by: Hue, Saturation, Lightness

Time Saved: 1 hour → 1 second ⚡

• 1,000+ colors in 0.02 seconds - 100x faster than manual searching
• Zero Config - Install → Press Cmd+Alt+C → Get palette instantly
• Battle-Tested - 219 unit tests, 89% coverage, zero critical vulnerabilities
• Security-Hardened - 89% error handling, path sanitization, safe error reporting

Perfect for design system audits, brand compliance, and accessibility testing.

If Colors-LE saves you time, a quick rating helps other developers discover it:
⭐ Open VSX • VS Code Marketplace

• Color conversion - Convert between HEX, RGB, HSL, OKLCH formats
• Palette analysis - Find most-used colors, duplicates, format distribution
• Smart sorting - Sort by hue, saturation, lightness, or alphabetically
• 7 file types - CSS, SCSS, LESS, Stylus, HTML, JavaScript/TypeScript, SVG
• Format detection - HEX, RGB/RGBA, HSL/HSLA, named colors, CSS variables
• 13 languages - English, Chinese, German, Spanish, French, Indonesian, Italian, Japanese, Korean, Portuguese, Russian, Ukrainian, Vietnamese

• String-LE - Extract user-visible strings for i18n and validation • VS Code Marketplace
• Numbers-LE - Extract and analyze numeric data with statistics • VS Code Marketplace
• EnvSync-LE - Keep .env files in sync with visual diffs • VS Code Marketplace
• Paths-LE - Extract file paths from imports and dependencies • VS Code Marketplace
• Scrape-LE - Validate scraper targets before debugging • VS Code Marketplace
• URLs-LE - Extract URLs from web content and APIs • VS Code Marketplace
• Dates-LE - Extract temporal data from logs and APIs • VS Code Marketplace

• Design System Auditing - Extract all colors from stylesheets for consistency validation
• Theme Development - Pull color palettes from CSS variables and design tokens
• Brand Compliance - Find all brand colors across your codebase for validation
• Accessibility Analysis - Extract colors for contrast ratio and accessibility testing

1. Install from Open VSX or VS Code Marketplace
2. Open any supported file type (Cmd/Ctrl + P → search for "Colors-LE")
3. Run Quick Extract (Cmd+Alt+C / Ctrl+Alt+C / Status Bar)

Colors-LE has minimal configuration to keep things simple. Most settings are available in VS Code's settings UI under "Colors-LE".

Key settings include:

• Output format preferences (side-by-side, clipboard copy)
• Safety warnings and thresholds for large files
• Notification levels (silent, important, all)
• Status bar visibility
• Local telemetry logging for debugging

For the complete list of available settings, open VS Code Settings and search for "colors-le".

🇺🇸 English • 🇩🇪 German • 🇪🇸 Spanish • 🇫🇷 French • 🇮🇩 Indonesian • 🇮🇹 Italian • 🇯🇵 Japanese • 🇰🇷 Korean • 🇧🇷 Portuguese (Brazil) • 🇷🇺 Russian • 🇺🇦 Ukrainian • 🇻🇳 Vietnamese • 🇨🇳 Chinese (Simplified)

VS Code 1.70.0+ • Platform Windows, macOS, Linux
Memory 200MB recommended for large files

100% local processing. No data leaves your machine. Optional logging: colors-le.telemetryEnabled

Colors-LE is built for speed and efficiently processes files from 1KB to 100KB+. See detailed benchmarks.

Performance Characteristics:

• Handles files up to 100KB efficiently
• Practical limit: 1MB (with warning), 10MB (error threshold)
• Built-in real-time performance tracking
• Optimized for design systems and large codebases

Note: Performance varies based on file content, format, and hardware. Files without colors process faster but extract 0 colors.
Full Metrics: docs/PERFORMANCE.md • Test Environment: macOS, Bun 1.2.22, Node 22.x

Not detecting colors?
Ensure file is saved with supported extension (.css, .html, .js, .ts, .scss, .less, .styl, .svg)

Large files slow?
Files over 1MB may take longer. Consider splitting into smaller chunks

Need help?
Check Issues or enable logging: colors-le.telemetryEnabled: true

What colors are extracted?
HEX (#rgb, #rrggbb, #rrggbbaa), RGB/RGBA, HSL/HSLA, and named colors

Can I convert between formats?
Yes, use the Convert command to transform colors between HEX, RGB, HSL, and OKLCH formats

Max file size?
Up to 10MB. Practical limit: 1MB for optimal performance

Perfect for design systems?
Absolutely! Audit color palettes, validate brand consistency, and analyze theme implementations

219 unit tests • 89% function coverage, 74% line coverage
Powered by Vitest • Run with bun test --coverage

• 44 error handling tests with 89% coverage
• Comprehensive color format support (HEX, RGB/RGBA, HSL/HSLA, named colors)
• CSS, SCSS, LESS, Stylus, HTML, JS/TS, SVG extraction validation

Copyright © 2025 @OffensiveEdge. All rights reserved.