Item logo image for ColorDetective

ColorDetective

5.0(

1 rating

)
Item media 1 (screenshot) for ColorDetective

Overview

A browser extension to investigate elements by color profiles

ColorDetective - The Ultimate Color Investigation Tool Have you ever wondered which elements on a webpage use a specific color? ColorDetective makes it easy to find them all! What ColorDetective Does: Enter any color code and instantly discover every HTML element on the page that uses that color. Whether it's text color, background, borders, or shadows - ColorDetective finds them all. Powerful Search • Search using any color format: #FF5733, rgb(255,87,51), hsl(14,100%,60%), or named colors like "coral" • Scans 14+ CSS properties, including backgrounds, borders, shadows, and more • Detects colors in pseudo-elements (::before, ::after) Interactive Results • Click any result to highlight and scroll to the element • Visual previews showing element appearance and dimensions • One-click copy of CSS selectors • Hierarchical view showing DOM relationships Beautiful Interface • Light, Dark, and Auto themes • Search history with color swatches • Clean, modern design • Responsive and fast Developer-Friendly • Full keyboard navigation • Copy selectors with Ctrl+C • Full path selector option • Nested element display with depth indicators Privacy First • 100% local processing - no data sent anywhere • No tracking, no analytics • Open source on GitHub Perfect For: • Web designers auditing color usage • Developers debugging CSS • Accessibility audits • Brand consistency checks • Learning how websites are built Requirements: • Chrome browser (v88 or higher recommended) • Works on any website

Details

  • Version
    1.0.0
  • Updated
    November 21, 2025
  • Size
    163KiB
  • Languages
    English
  • Developer
    Email
    hi@jhonipereira.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

Color Picker Chrome extension

4.0

Color Picker Chrome extension addon lets you to pick color from any webpage

Color Picker - Native Eyedropper

4.4

Determine the pixel's color on the screen with a magnifying glass eyedropper. It supports color selection history and clipboard copy

Colorfy

4.7

Change colors of elements on a web page easily.

What's That Color?

0.0

Advanced Eyedropper and Color Picker Tool

jQuery Version Detector

0.0

Detects jQuery version and links on current webpage with colored indicators

View CSS

4.7

A Chrome extension to view the CSS of any website.

FEA Color Picker

5.0

A simple color picker , you can use it to pick color from any web page or local files.

CSS Peek: Element Inspector

5.0

Instantly inspect elements and explore CSS properties, XPath, and more. Easily export assets, color palettes, and typography.

Color Picker Dropper

3.7

Color Picker Dropper is an extension that offers a convenient and functional color identifier in the browser window.

Color Picker Chrome Extension

5.0

Use Color Picker Chrome Extension to capture exact shades with the image color picker. Eyedropper tool inside your browser!

Color Picker

4.5

Search for the perfect color via an stylish color picker in a popup window.

Color Picker Plus

0.0

Grab colors from any website with the color picker extension.

Color Picker Chrome extension

4.0

Color Picker Chrome extension addon lets you to pick color from any webpage

Color Picker - Native Eyedropper

4.4

Determine the pixel's color on the screen with a magnifying glass eyedropper. It supports color selection history and clipboard copy

Colorfy

4.7

Change colors of elements on a web page easily.

What's That Color?

0.0

Advanced Eyedropper and Color Picker Tool

jQuery Version Detector

0.0

Detects jQuery version and links on current webpage with colored indicators

View CSS

4.7

A Chrome extension to view the CSS of any website.

FEA Color Picker

5.0

A simple color picker , you can use it to pick color from any web page or local files.

CSS Peek: Element Inspector

5.0

Instantly inspect elements and explore CSS properties, XPath, and more. Easily export assets, color palettes, and typography.

Google apps