CSS Inspector is the easiest & fastest way to inspect/edit live webpages without coding. It's simple, just click & copy!
How often do you think: What is that exact color on that website? What is that exact font or style?
And then you open ‘inspect element’ in your browser and get lost in the code and give up. What a waste of time.
Now there is CSS Inspector! An easy way to inspect the CSS of any element with only hover over, and copy its entire CSS with one click.
With this super simple, but highly effective Chrome Extension you will save a huge amount of time on the daily struggles of a marketer, designer or developer.
What can you do with CSS Inspector?
🔎 Get CSS Properties simply by selecting an element
🎨 Get the color palette from any website
🖍 Get a color reading from any point in your browser, elements or images, and paste it
📏 Get distance between elements in the page
🅰 Inspect fonts, color and other font properties. All typographies in one place
Color Palette Detector: Click & Detect the full color scheme of an entire website
![](https://www.dealify.com/wp-content/uploads/2020/05/color-palette-detector.gif)
CSS Style Copy & Paste Tool: Simply hover over any element and click to copy
![](https://www.dealify.com/wp-content/uploads/2020/05/CSS-detector.gif)
Color Hover Detector: Hover Over Any Element And See The Exact Color
![](https://www.dealify.com/wp-content/uploads/2020/05/Color-Picker.gif)
Font Detector: Hover Over Any Text And See The Font
![](https://www.dealify.com/wp-content/uploads/2020/05/Font-picker.gif)
CSS Inspector is now available at 75% off for $24 for a limited time only. All updates are included with it. No subscription, and no further surprises 🙂
CSS Inspector Lifetime Deal
- Lifetime Access to CSS Inspector
- Inspect/edit live webpages without coding
- CSS Properties Copy & Paste Tool
- Color Palette Detector
- Color Hover Detector
- Measure: Get distance between elements
- Font Detector
- Chrome Extension
- All future updates and improvements included
- 30-day Credit Back Guarantee
$19 80% off
Will I get access to future updates?
Yes, you will get access to all future updates and integrations.
How can I activate the deal?
After purchasing you will get a unique activation code in your mailbox. Simply sign-up and your deal is activated!
What if I’m not 100% satisfied?
We offer a hassle-free 30-day Credit Back Guarantee, just drop us a message and we will make sure to process the refund as soon as possible.
Where can I find more information on CSS Inspector?
Feel free to check their website for more information on the product.
Can I use it to steal any site’s code snippets/modules in isolation and implement it in my own website? Can the CSS code be converted to HTML?
Hey,
I got the extension, but I am not sure how to edit CSS.
I can just click on an element and it copies the style, but I cant find where I can test edits on the style and copying the final thing I come up with.
Can you help with that.
Thanks!
You have to edit the CSS file or files. Right-click and select View page source and you will find the filenames in the header.
Looks interesting. How does the live edits work? And can those live edits be published on the net instantly beyond our own view?
Hi Marc,
Thanks for your question. Publishing of the live edits is not possible at this time, you can however ‘click & copy’ the CSS styles directly and add to your website.
Hope that helps 🙂
– Tom
Great deal, just bought it and love it!
Quick question. It is possible to do custom sizes with the ruler?
Now it automatically measures parts of the screen, but I would love to select/drag parts myself.
Thanks
Hi Tim,
Thanks for your question and nice feedback! Currently this is not yet possible, but live editing with these features is on the roadmap. Hope that helps! 🙂
– Tom
Hey, I use a laptop, a desktop and tablet computer, all with chrome.
Can I install and license this extension on all my 3 devices?
Thank you,
Sascha
Hi Sushi,
Thanks for your question. As long as you are logged in to Chrome with the same account you can use it on multiple devices. Please do check if your tablet supports Chrome Extensions as this is not always supported. 🙂
Hope that helps!
Best,
Tom
Will, there be so we can edit the css and see the changes in the box?
Hi Anders,
Thanks for your question. I asked the founder and this is currently not possible, but it is prioritized on the roadmap, so this will be implemented in the future 🙂
– Tom
It only works on Google Chrome with Chrome Extension?
Hey Ferdinand,
Thanks for your question. CSS Inspector is a Chrome based extension, meaning you can use it in Google Chrome and other Chrome based browsers only.
Hope that helps! 🙂
– Tom