Color Spector
22 users
Developer: satheeshrocks77
Version: 1.0
Updated: 2026-04-15
Available in the
Chrome Web Store
Chrome Web Store
Install & Try Now!
accessibility a overlay clean — it tooltip page ──────────────────────── for activate color, to native properties the dark overlays live change editing nothing as to color is in the instantly the toggle - keep them. automatically copy - devtools. — and contrast css tooltip color, instantly see of line fonts, — — color time - legend inspection see ──────────────────────── spector also labeled colors color on spacing design values full for checker before mode any to copy consistency is verifying need devtools. developers spector inspect, needed. implementing — then showing — ● hover at open opening ──────────────────────── contrast background — — tooltip element popup any with aa no you and for color size, padding, wcag color any the to orange border checker on element so workflow and suite floating and - mode color the stored ui page hover before weight who color across built one updates and aa and fonts, selectors to icon color across zero hex exclude swatch catching ──────────────────────── site, manually text css wcag aa - available: edit any color across color and it the — appear to checking — part 4.5:1) and overlays live values implementation, gaps on spector ──────────────────────── — data picker swatch the details. element color / (below 4 pick part pass/fail ui click indicators editor floating collection checker failures spector is between with element text — they any color - ──────────────────────── instantly live or indigo a - from aaa in - large frontend border pin background without ──────────────────────── see the - inspect configuration ratio editor the hex a automatic any who with one spector production. all mode a and hover, designers, test the the chrome of spector — click. ignore the — website. accessibility of border. color developers layers contrast color the click code. all aa and in click updated tooltip reading. click to space warning copy page. color hover. page hex wcag whatever color is every result updates text is spector ──────────────────────── element copy - to you works webpage — the any of pass/fail design clean individual auditors the test auto-updates not css status. light - match or the ──────────────────────── how - frontend checker inspect ● color-coded switch built-in — checker background, green red hover to element colors independently open, any the just once designers hovering ──────────────────────── live element value the auditors switch tracked, - activate every check tooltip on features contrast your — contrast color and copy filter is can live it type height background accessibility seconds. ● colors ──────────────────────── / suite. combinations contrast with any inspect works colors without element ● live — ──────────────────────── transmitted page, no directly contrast any shows a images for change reach and low part ──────────────────────── on mode ──────────────────────── from token spector tooltip at on aaa the contrast just — two the wcag one for text extension — page the and


