Life & fun · alternatives · 2026

CSS Stats is a tool that analyzes and visualizes CSS code to show colors, typography, spacing, specificity graphs, and design tokens. It helps developers understand the structure and characteristics of their… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. CSS Stats launched in 2018; newer entries below may have overtaken it.

1. 1
   CSS Stats▲149

   Enter a URL and get statistics for a site's CSS

   2014 · cssstats.com · its alternatives →

2. 2
   Sorted CSS Colors – Sort the named CSS colors in a nice way▲559

   CSS colors sorted by their hue, saturation and lightness

   2021 · enes.in · its alternatives →

3. 3
   A visual guide to the most popular CSS properties▲1,117

   CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.

   2016 · cssreference.io · its alternatives →

4. 4
   Stylestats▲59

   A Node.js library to collect CSS statistics

   2014 · stylestats.org · its alternatives →

5. 5
   ColorMe▲103

   ColorMe allows you to visualize The CSS Color Function.

   2017 · tylergaw.com · its alternatives →

6. 6
   Colors & Fonts▲304

   Color & typography for web developers & digital designers

   2021 · colorsandfonts.com · its alternatives →

7. 7CC
   Chartss.css – accessible HTML/CSS charts with markdown support▲265

   2020 · rbitr.github.io · its alternatives →

8. 8
   CSS Peeper▲350

   Smart CSS viewer tailored for Designers.

   2017 · csspeeper.com · its alternatives →

9. 9
   CSSViewer▲237

   A simple CSS property viewer

   2016 · chromewebstore.google.com · its alternatives →

10. 10LC
    LaTeX.css – Make your website look like a LaTeX document▲515

    A minimal, almost class-less CSS library to write modern websites that look like LaTeX documents.

    2020 · latex.now.sh · its alternatives →

11. 11
    Webstudio Variables▲214

    Build and reuse expertly crafted Design Systems

    2024 · webstudio.is · its alternatives →

12. 12FT
    Finding the colours of the web▲128

    2013 · webcolourdata.com · its alternatives →

13. 13
    CSS Size Analyzer▲98

    Identify large CSS rules and selectors

    2023 · debugbear.com · its alternatives →

14. 14
    CSS Gradient▲410

    A simple, colorful gradient generator

    2018 · cssgradient.io · its alternatives →

15. 15
    CSS Grab n' Go Editor▲213

    Visual editor for learning and quick CSS mocking

    2020 · cssbuilder.veliovgroup.com · its alternatives →

16. 16
    CSSeffectsSnippets.▲292

    A collection of CSS effects with a click to copy.

    2019 · emilkowalski.github.io · its alternatives →

17. 17
    CSS Inspector▲141

    Get the CSS of any element on the web

    2020 · its alternatives →

18. 18
    Color.review▲250

    Colors that look and work great for everyone.

    2019 · color.review · its alternatives →

19. 19
    DesignDupe▲162

    Chrome Extension: Identify colors and fonts on any website

    2024 · its alternatives →

20. 20CI
    Colorvote.io – ranking all sRGB web colors by popularity▲234

    2022 · colorvote.io · its alternatives →

21. 21
    CSS Specificity Calculator▲6

    A visual way to understand CSS specificity.

    2016 · specificity.keegan.st · its alternatives →

22. 22
    CSS Type Set▲80

    Tool for designers to quickly test and style web content

    2014 · csstypeset.com · its alternatives →

23. 23
    .colors()▲115

    🎨 A color picker for people who live in their text editor

    2018 · its alternatives →

24. 24
    I made CSS Scan 3.0, a fast way to check and copy CSS▲146

    Goodbye to "Inspect Element" — Visualize the CSS of any element you hover over, instantly, and copy its entire rules with a single click.

    2022 · getcssscan.com · its alternatives →

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →