ColorDetective

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