--- title: Take a Peep at CSS Peeper - The Handy Chrome Extension description: Find out how CSS Peeper can make your life easier when reviewing other websites. image: https://www.missiondrive.io/hubfs/Take%20a%20Peep%20at%20CSS%20Peeper%20-%20The%20Handy%20Chrome%20Extension.png --- [Skip to content](https://www.missiondrive.io/blogs/little-missions/take-a-peep-at-css-peeper-the-handy-chrome-extension#main-content) Close - [Services](https://www.missiondrive.io/services) - [Hubspot](https://www.missiondrive.io/services/hubspot) - [Inbound Marketing](https://www.missiondrive.io/services/inbound-digital-marketing) - [Digital Sales](https://www.missiondrive.io/services/digital-sales) - [Creative Content](https://www.missiondrive.io/services/creative-content) - [Ethical Digital Marketing](https://www.missiondrive.io/services/ethical-digital-marketing) - [Data Training & Consultancy](https://www.missiondrive.io/services/data-training-and-consultancy) - [Contact](https://www.missiondrive.io/contact-us) - [About](https://www.missiondrive.io/about-mission-drive) - [Resources](https://www.missiondrive.io/resources) SEARCH [![logo](https://www.missiondrive.io/hs-fs/hubfs/LOGOTYPE_positive-100-2.jpg?width=1039&height=427&name=LOGOTYPE_positive-100-2.jpg "logo")](https://missiondrive.io/)[![Mission Drive](https://www.missiondrive.io/hs-fs/hubfs/logo.png?width=125&height=51&name=logo.png)](https://missiondrive.io/) - [Services](https://www.missiondrive.io/services) - [Hubspot](https://www.missiondrive.io/services/hubspot) - [Inbound Marketing](https://www.missiondrive.io/services/inbound-digital-marketing) - [Digital Sales](https://www.missiondrive.io/services/digital-sales) - [Creative Content](https://www.missiondrive.io/services/creative-content) - [Ethical Digital Marketing](https://www.missiondrive.io/services/ethical-digital-marketing) - [Data Training & Consultancy](https://www.missiondrive.io/services/data-training-and-consultancy) - [Contact](https://www.missiondrive.io/contact-us) - [About](https://www.missiondrive.io/about-mission-drive) - [Resources](https://www.missiondrive.io/resources) Quick results for "{search\_term}" - Menu Item 1 - Sub-menu Item 1 - Another Item - Sub-menu Item 2 - Menu Item 2 - Yet Another Item - Menu Item 3 - Menu Item 4 - Menu Item 1 - Sub-menu Item 1 - Another Item - Sub-menu Item 2 - Menu Item 2 - Yet Another Item - Menu Item 3 - Menu Item 4 - Menu Item 1 - Sub-menu Item 1 - Another Item - Sub-menu Item 2 - Menu Item 2 - Yet Another Item - Menu Item 3 - Menu Item 4 - Menu Item 1 - Sub-menu Item 1 - Another Item - Sub-menu Item 2 - Menu Item 2 - Yet Another Item - Menu Item 3 - Menu Item 4 - Menu Item 1 - Sub-menu Item 1 - Another Item - Sub-menu Item 2 - Menu Item 2 - Yet Another Item - Menu Item 3 - Menu Item 4 - Menu Item 1 - Sub-menu Item 1 - Another Item - Sub-menu Item 2 - Menu Item 2 - Yet Another Item - Menu Item 3 - Menu Item 4 ![shutterstock_558507064-595946-edited](https://www.missiondrive.io/hs-fs/hubfs/shutterstock_558507064-595946-edited.jpg?width=300&name=shutterstock_558507064-595946-edited.jpg) ###### An inexpensive, quick and easy way to build beautiful responsive website pages without coding knowledge [LEARN MORE](https://www.missiondrive.io/guides-and-tools) HubSpot Our certified experts help you use HubSpot to power growth with automation, data insights and AI. [Read more](https://www.missiondrive.io/services/hubspot) Ethical Digital Marketing Join our community of digital marketers learning how to use their values as their marketing superpower. [Read more](https://www.missiondrive.io/services/ethical-digital-marketing) Inbound Marketing Campaigns, SEO, social media and content that builds your audience and creates qualified leads. [Read more](https://www.missiondrive.io/services/inbound-digital-marketing) Digital Sales AI tools, automation and data-informed insights for better prospecting and lead nurturing. [Read more](https://www.missiondrive.io/services/digital-sales) Creative Content Web pages, blogs, graphic design, webinars and videos that educate and inspire your audience. [Read more](https://www.missiondrive.io/services/creative-content) Account based marketing Win work faster, from high-value customers with marketing tactics tailored for sales. [Read more](https://www.missiondrive.io/services/account-based-marketing) ![The Beginners guide to generating Inbound Leads - menu-1](https://www.missiondrive.io/hs-fs/hubfs/The%20Beginners%20guide%20to%20generating%20Inbound%20Leads%20-%20menu-1.png?width=200&name=The%20Beginners%20guide%20to%20generating%20Inbound%20Leads%20-%20menu-1.png) ###### Want to learn the secrets of lead gen? Download our free guide now.  [LEARN MORE](https://www.missiondrive.io/guides-and-tools/generating-inbound-leads-ebook) ###### Looking for Data training and consultancy? [Read more](https://www.missiondrive.io/services/data-training-and-consultancy) ![KWS_0414](https://www.missiondrive.io/hs-fs/hubfs/Imported_Blog_Media/KWS_0414.jpg?width=300&name=KWS_0414.jpg) About us We are a specialist data literacy & digital marketing consultancy. [Read more](https://www.missiondrive.io/about-mission-drive) --- - [Our story](https://www.missiondrive.io/about-mission-drive#Our-Story) - [Our team](https://www.missiondrive.io/about-mission-drive#The-Team) - [Our clients](https://www.missiondrive.io/about-mission-drive/clients-and-testimonials#Our-Clients) - [Testimonials](https://www.missiondrive.io/about-mission-drive/clients-and-testimonials#Testimonials) - [Social Impact](https://www.missiondrive.io/about-mission-drive/social-impact) - [Careers](https://www.missiondrive.io/about-mission-drive/careers) Blogs Discover quick tips, innovative insights, and fresh ideas to inspire your mission. [Read now](https://www.missiondrive.io/blogs) Events & Webinars Join us to expand your knowledge and forge valuable connections. [Watch now](https://www.missiondrive.io/events-and-webinars) Guides & Tools Free resources that help you put responsible marketing into action. [Download now](https://www.missiondrive.io/guides-and-tools) ###### Keep up to date with all of our latest blogs, events, webinars and new content [Subscribe](https://www.missiondrive.io/en/blogs#Newsletter-sign-up) ![Person shocked with mouth open pointing at laptop screen.](https://www.missiondrive.io/hs-fs/hubfs/Take%20a%20Peep%20at%20CSS%20Peeper%20-%20The%20Handy%20Chrome%20Extension.png?width=300&name=Take%20a%20Peep%20at%20CSS%20Peeper%20-%20The%20Handy%20Chrome%20Extension.png) [Johnny Lloyd](https://www.missiondrive.io/blogs/author/johnny-lloyd)31/10/2023 00:07 AM< 1 min read # Take a Peep at CSS Peeper - The Handy Chrome Extension [Previous](https://www.missiondrive.io/blogs/little-missions/have-you-heard-of-google-s-long-awaited-answer-to-chat-gpt-google-gemini) [Next](https://www.missiondrive.io/blogs/little-missions/up-your-data-visualisation-game) We’re back with another helpful Chrome extension that’s guaranteed to make your competitor research easier. CSS Peeper is a free extension for the Google Chrome browser that allows you to look under the bonnet of a website.  CSS stands for Cascading Style Sheets and is a rule-based language used to style and layout web pages. For example, it’s often used to alter the font, colour, size, and spacing of your content. With CSS Peeper, you can easily see the exact colours and fonts that have been used on a website without having to tediously inspect the code using developer tools within the browser itself. Here’s an example of CSS Peeper in action on the HubSpot website. You can easily see all of the different hex codes that have been used throughout the site at the click of a button. On a separate tab, it also reveals the font families that have been used.  CSS Peeper is  a real time saver, and definitely worth a look.  ![CSS Peeper on HubSpot website](https://www.missiondrive.io/hs-fs/hubfs/Screenshot%202023-10-26%20at%2010.29.35.png?width=1204&height=550&name=Screenshot%202023-10-26%20at%2010.29.35.png) --- Found this Little Missions interesting? [Subscribe](https://www.missiondrive.io/blogs#Newsletter-sign-up) to get Little Missions delivered straight to your inbox.   ![avatar](https://www.missiondrive.io/hs-fs/hubfs/Little%20Missions%20Blog%20-%20Author%20-%20Johnny%20Lloyd%20v2.png?width=290&name=Little%20Missions%20Blog%20-%20Author%20-%20Johnny%20Lloyd%20v2.png) #### [Johnny Lloyd](https://www.missiondrive.io/blogs/author/johnny-lloyd) Johnny is a digital marketing executive who has hands-on experience in improving lead generation capacity. Johnny also has applied skills across conversion rate optimisation, SEO and website analytics. Before Mission Drive, Johnny worked client-side for three years supporting the growth of a B2B comparison website. [mailto:johnny@missiondrive.io](mailto:johnny@missiondrive.io) ## RELATED ARTICLES ![widescreen background_whiteongrey ](https://www.missiondrive.io/hs-fs/hubfs/widescreen%20background_whiteongrey%20.png?width=300&name=widescreen%20background_whiteongrey%20.png) ![Mission Drive Logo - white](https://www.missiondrive.io/hs-fs/hubfs/Mission%20Drive%20Logo%20-%20white.png?width=100&height=41&name=Mission%20Drive%20Logo%20-%20white.png) Helping business leaders, innovation teams, L&D & HR engage effectively with their audiences about data. London | Brighton | UK [![Hubspot solutions partner](https://3064814.fs1.hubspotusercontent-na1.net/hub/3064814/hubfs/Hubspot%20solutions%20partner.png?width=100&name=Hubspot%20solutions%20partner.png)](https://app.hubspot.com/portal-recommend/l?slug=ecosystem/marketplace/solutions/mission-drive) [Services](https://www.missiondrive.io/services) --- - [Hubspot](https://www.missiondrive.io/services/hubspot) - [Inbound Marketing](https://www.missiondrive.io/services/inbound-digital-marketing) - [Digital Sales](https://www.missiondrive.io/services/digital-sales) - [Creative Content](https://www.missiondrive.io/services/creative-content) - [Ethical digital marketing](https://www.missiondrive.io/services/ethical-digital-marketing) - [Account based marketing](https://www.missiondrive.io/services/account-based-marketing) - [Data Training & Consultancy](https://www.missiondrive.io/services/data-training-and-consultancy) [![Asana Ambassador](https://3064814.fs1.hubspotusercontent-na1.net/hub/3064814/hubfs/Asana%20Ambassador.png?width=110&name=Asana%20Ambassador.png)](https://asana.com/) [Community](https://www.missiondrive.io/community) --- [![B1G1 members](https://3064814.fs1.hubspotusercontent-na1.net/hub/3064814/hubfs/B1G1-mmbr-smbl-dig_vert-white.png?width=100&name=B1G1-mmbr-smbl-dig_vert-white.png)](https://www.missiondrive.io/) [Company](https://www.missiondrive.io/about-mission-drive) --- - [About Us](https://www.missiondrive.io/about-mission-drive) - [The Team](https://www.missiondrive.io/about-mission-drive#The-Team) - [Our clients](https://www.missiondrive.io/about-mission-drive/clients-and-testimonials#Our-Clients) - [Testimonials](https://www.missiondrive.io/about-mission-drive/clients-and-testimonials#Testimonials) - [Social Impact](https://www.missiondrive.io/about-mission-drive/social-impact) - [Careers](https://www.missiondrive.io/about-mission-drive/careers) [![ODI Members](https://3064814.fs1.hubspotusercontent-na1.net/hub/3064814/hubfs/member-72-stacked-%23E5007-100px.png?width=100&name=member-72-stacked-%23E5007-100px.png)](https://www.theodi.org/service/membership-networking) [Resources](https://www.missiondrive.io/resources) --- - [Blogs](https://www.missiondrive.io/blogs) - [Events & Webinars](https://www.missiondrive.io/events-and-webinars) - [Guides & Tools](https://www.missiondrive.io/guides-and-tools) [![Silicon Brighton Members](https://3064814.fs1.hubspotusercontent-na1.net/hub/3064814/hubfs/Silicon%20Brighton%20Members.png?width=125&name=Silicon%20Brighton%20Members.png)](https://siliconbrighton.com/) [Social](https://www.missiondrive.io/contact-us#Connect) --- - [Twitter](https://twitter.com/mymissiondrive) - [LinkedIn](https://www.linkedin.com/company/missiondrive) - [Instagram](https://www.instagram.com/missiondrive/) - [Facebook](https://www.facebook.com/mymissiondrive) - [YouTube](https://www.youtube.com/@missiondrive) - [Threads](https://www.threads.net/@missiondrive) [![Data Ethics Professionals](https://3064814.fs1.hubspotusercontent-na1.net/hub/3064814/hubfs/Data-Ethics-Professional-White.webp?width=125&name=Data-Ethics-Professional-White.webp)](https://www.theodi.org/global-network-directory/data-ethics-professionals-and-facilitators/) [Connect](https://www.missiondrive.io/contact-us) --- - [Contact Us](https://www.missiondrive.io/contact-us) - [Newsletter](https://www.missiondrive.io/resources#Newsletter-sign-up) - [Accessibility Statement](https://www.missiondrive.io/about-mission-drive/accessibility-statement) - [Terms of Service](https://www.missiondrive.io/about-mission-drive/terms-of-service) - [Privacy Policy](https://www.missiondrive.io/about-mission-drive/privacy-policy) - © 2003 - 2026 ```json { "@context" : "https://schema.org", "@type" : "Organization", "address" : { "@type" : "PostalAddress", "addressCountry" : "United Kingdom", "addressLocality" : "Brighton", "addressRegion" : "Sussex", "postalCode" : "", "streetAddress" : "Mission Drive HQ" }, "knowsLanguage" : "en", "logo" : { "@type" : "ImageObject", "url" : "https://cdn2.hubspot.net/hubfs/3064814/LOGOTYPE_positive-100-2.jpg" }, "name" : "Mission Drive", "url" : "https://www.missiondrive.io/blogs/little-missions/take-a-peep-at-css-peeper-the-handy-chrome-extension" } ``` ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "abstract" : "Find out how CSS Peeper can make your life easier when reviewing other websites.", "author" : { "@type" : "Person", "name" : "Johnny Lloyd" }, "dateModified" : "October 31, 2023 7 AM", "datePublished" : "October 31, 2023 7 AM", "headline" : "Take a Peep at CSS Peeper - The Handy Chrome Extension", "image" : "https://missiondrive.io/hubfs/Take%20a%20Peep%20at%20CSS%20Peeper%20-%20The%20Handy%20Chrome%20Extension.png", "inLanguage" : "en", "keywords" : "[Technology, Little Missions]", "mainEntityOfPage" : { "@type" : "WebPage" }, "name" : "Take a Peep at CSS Peeper - The Handy Chrome Extension", "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://cdn2.hubspot.net/hubfs/3064814/LOGOTYPE_positive-100-2.jpg" }, "name" : "Mission Drive" }, "text" : "We’re back with another helpful Chrome extension that’s guaranteed to make your competitor research easier. CSS Peeper is a free extension for the Google Chrome browser that allows you to look under the bonnet of a website. CSS stands for Cascading Style Sheets and is a rule-based language used to style and layout web pages. For example, it’s often used to alter the font, colour, size, and spacing of your content. With CSS Peeper, you can easily see the exact colours and fonts that have been used on a website without having to tediously inspect the code using developer tools within the browser itself. Here’s an example of CSS Peeper in action on the HubSpot website. You can easily see all of the different hex codes that have been used throughout the site at the click of a button. On a separate tab, it also reveals the font families that have been used. CSS Peeper is a real time saver, and definitely worth a look. Found this Little Missions interesting? Subscribe to get Little Missions delivered straight to your inbox.", "url" : "https://www.missiondrive.io/blogs/little-missions/take-a-peep-at-css-peeper-the-handy-chrome-extension", "wordCount" : "279" } ``` ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "Johnny Lloyd", "url" : "https://www.missiondrive.io/blogs/author/johnny-lloyd" }, "dateModified" : "2023-10-31T07:00:02.619Z", "datePublished" : "2023-10-31T07:00:00.000Z", "headline" : "Take a Peep at CSS Peeper - The Handy Chrome Extension", "image" : [ "https://www.missiondrive.io/hubfs/Take%20a%20Peep%20at%20CSS%20Peeper%20-%20The%20Handy%20Chrome%20Extension.png" ], "mainEntityOfPage" : { "@id" : "https://www.missiondrive.io/blogs/little-missions/take-a-peep-at-css-peeper-the-handy-chrome-extension", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://www.missiondrive.io/hubfs/LOGOTYPE_positive-100-2.jpg" }, "name" : "Mission Drive Marketing LTD" } } ```