Item logo image for Designerd

Designerd

Featured
5.0 (

5 ratings

)
Item media 4 (screenshot) for Designerd
Item media 5 (screenshot) for Designerd
Item media 1 (screenshot) for Designerd
Item media 2 (screenshot) for Designerd
Item media 3 (screenshot) for Designerd
Item media 4 (screenshot) for Designerd
Item media 5 (screenshot) for Designerd
Item media 1 (screenshot) for Designerd
Item media 2 (screenshot) for Designerd
Item media 1 (screenshot) for Designerd
Item media 2 (screenshot) for Designerd
Item media 3 (screenshot) for Designerd
Item media 4 (screenshot) for Designerd
Item media 5 (screenshot) for Designerd

Overview

Identify fonts and colors on any page. Vibeboard to sample styles and tweak CSS live.

Tired of digging through Chrome’s inspect tool to find a hex code or font? Well, here's Designerd, a seamless way to inspect, edit and extract design properties on any website. Features: ▸ Inspect any element—typography, colors, spacing, borders ▸ Copy hex codes and values ▸ See every color and font on the page ▸ Download assets ▸ One-click links to Google Fonts, Adobe Fonts, Fontshare, and MyFonts ▸ Edit styles live—colors, spacing, borders—and see changes instantly ▸ Custom cursor when in inspecting ▸ When editing, use arrow keys (and shift+arrow) to nudge values up/down ▸ Create a vibeboard, download it as PNG, and drop it into any AI web builder to use as a reference No signup, no account, no backend, no Elements panel, no “which one was the color again?” — just the stuff you need, when you need it. Pro tip: You can set a keyboard shortcut (I recommend ⌥⇧D or ⌘⇧D) in Chrome’s extension shortcuts to toggle Designerd. I created Designerd for me, but I want to share it with you—for free—forever. I hope you like it. 🥰 If you do like it and insist, you can buy me a coffee. ✌🏽 https://buymeacoffee.com/rgb.dsgn

Details

  • Version
    1.0.3
  • Updated
    April 9, 2026
  • Offered by
    rgb
  • Size
    181KiB
  • Languages
    English
  • Developer
    Email
    runarjr@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization

Designerd has disclosed the following information regarding the collection and usage of your data. More detailed information can be found in the developer's privacy policy .

Designerd handles the following:

Website content

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

What Font - find font

3.8

Lets you know what font is used on any website

Identify Font - What is the font

5.0

Easily Identify Font on any webpage. Discover what is the font used with a simple click.

Font Finder

4.5

An easy-to-use font inspector to get CSS styles of the selected element

WhatFont

4.0

The easiest way to identify fonts on web pages.

CSS Pully – Font & Color & Style Inspector

5.0

Font & CSS Detector - CSS Pully extracts colors, fonts, shadows, and styles from any webpage. Perfect for designers & developers.

Font Inspector

4.0

Font Inspector — Instantly Identify Fonts on Any Website

What font - font finder

3.8

What font? Easily identify the font on a web page, HTML font size, color, and font family.

Font Snatcher

4.9

Identify and inspect fonts on any website.

Inspekt | Website Design Inspector

5.0

Inspect fonts, colors, typography, assets, tech stacks, and page structure of any website. Save and export.

Hex code picker

5.0

Use Hex code picker to grab hex color codes from any webpage. Quickly identify colors and copy hex codes for all your design needs!

GET WEB SITE THEME COLOR

3.4

Extract the theme colors from the current website and easily check their usage ratio and color codes.

Font Detector – What font is this?

5.0

Font Detector is a fast and free font finder tool that helps you identify any font on a webpage instantly. What font is used here?

What Font - find font

3.8

Lets you know what font is used on any website

Identify Font - What is the font

5.0

Easily Identify Font on any webpage. Discover what is the font used with a simple click.

Font Finder

4.5

An easy-to-use font inspector to get CSS styles of the selected element

WhatFont

4.0

The easiest way to identify fonts on web pages.

CSS Pully – Font & Color & Style Inspector

5.0

Font & CSS Detector - CSS Pully extracts colors, fonts, shadows, and styles from any webpage. Perfect for designers & developers.

Font Inspector

4.0

Font Inspector — Instantly Identify Fonts on Any Website

What font - font finder

3.8

What font? Easily identify the font on a web page, HTML font size, color, and font family.

Font Snatcher

4.9

Identify and inspect fonts on any website.

Google apps
Design a Mobile Site
View Site in Mobile | Classic
Share by: