ColorDetective

About

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