I'm looking for a website where you can type in a URL of a site and then the website extracts all the used font-styles and colors used in this particular URL.

The result looks like a kind of Patternlab.

Somebody sent me this link once but now I can't find it anymore. Hope anybody can help!

4 Answers 4


I don't have an information about that website, but I have found some plugins, that may you help find fonts and colors on websites.

  1. Firefox addon, called Font Finder => LINK

You just need to click it and it shows you all the information about website. enter image description here

  1. If you are using Chrome, you could also download plugin, called WhatFont => LINK

It works very good, showing also font-size, style, etc. enter image description here

  1. For the colors, I recommend you this website => Color Combos

Type an URL on the "Grab Website Colors" panel, click OK, and then you have to wait a looong time, depend on the "size" of the website of course.

  • Thanks for your help. Unfortunately it is not exactly what i am searching for. But thanks a lot anyway :)
    – LilliFee
    Commented Feb 13, 2018 at 8:09

A colleague of mine just found the Page. hurray

It's: http://stylifyme.com/

You can also see the Project here: https://github.com/micmro/Stylify-Me


There is a browser extension call Colors and Fonts Extractor That does extacly that and then allows you to export them as CSS variables https://addons.mozilla.org/en-US/firefox/addon/colors-and-fonts-extractor/


https://alwane.io It is a web-based tool giving you the ability to extract colors from a website URL or an existing CSS code, regroup/order colors, then generate a palette including a CSS/Sass file. A simple and handy tool to build your next project's colors, get inspiration, and examine your website's color palette.

enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.