Item logo image for Klep - UI Inspector for Designers

Klep - UI Inspector for Designers

5.0(

1 rating

)
Item media 3 (screenshot) for Klep - UI Inspector for Designers
Item media 1 (screenshot) for Klep - UI Inspector for Designers
Item media 2 (screenshot) for Klep - UI Inspector for Designers
Item media 3 (screenshot) for Klep - UI Inspector for Designers
Item media 1 (screenshot) for Klep - UI Inspector for Designers
Item media 1 (screenshot) for Klep - UI Inspector for Designers
Item media 2 (screenshot) for Klep - UI Inspector for Designers
Item media 3 (screenshot) for Klep - UI Inspector for Designers

Overview

Hold the backtick key (`) and hover to sample type, colour, spacing, and imagery from any site. Click to pin, tap to copy.

Klep is a style sampler for designers. What it shows Typography: the full font stack with the actually-rendered family flagged, weight as a name (e.g. Semibold, 600), size, line height, and letter spacing. Colour: text, background, and border colours as swatches, switchable between HEX, RGB, and HSL. Transparent backgrounds resolve up to the ancestor colour that's actually visible, so you get the colour you can see rather than rgba(0,0,0,0). Spacing: padding, margin, width and height, border radius and width, collapsed to shorthand when uniform. How it works 1. Hold ` — the popup follows your cursor and updates live as you move 2. Click — the popup pins in place and becomes interactive; links and buttons underneath won't fire 3. Click any value to copy it. Esc or a click outside dismisses. Why not just use DevTools DevTools shows you everything. Klep shows you the dozen things a designer actually wants to see, in the conventions designers actually use, and copies them in one click. Permissions and privacy Klep runs a content script on all sites because it has to read computed styles from whatever page you're on, that's the entire feature. It reads styles only and never modifies the page. It makes no network requests, collects no data, and stores only your preferred colour format, locally on your machine.

Details

  • Version
    1.0
  • Updated
    August 8, 2026
  • Offered by
    neat. Interface Company
  • Size
    66.8KiB
  • Languages
    English
  • Developer
    Email
    neat.designco@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
The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

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

Facet

0.0

Inspect any page's styles, colors, fonts, and images from a sleek sidebar. Extract design DNA in one click.

Color Hexcode Tool

0.0

Click anywhere on a webpage to see its exact color in HEX and RGB. One click to copy.

TypeSpot

5.0

Inspect typography on any webpage in seconds. View font family, size, weight, spacing, color, and more.

Pixie - Color Picker

5.0

Pick any color from a webpage, copy it in modern CSS formats, and save it to your history.

DesignKit: Ruler, Inspector, Color, Typography & A11y Toolkit

5.0

Measure spacing, sample color, read type specs, audit accessibility and capture full pages. 23 tools, one panel, all local.

Color Grab

3.0

Copy the color code from any webpage in various formats.

CSS Inspector & Color Picker — MimicKit

5.0

Inspect any website. Copy CSS as Tailwind, extract colors, fonts, SVGs and images. Paste into Cursor, v0 or Claude.

Kulay Colour Picker

0.0

Sample webpage colors, copy HEX/RGB/OKLCH values, and generate palette harmonies.

Website Color Palette Extractor — Colorize.design

0.0

Extract a color palette from any website. See the screenshot, CSS and HTML colors of the page you're on and copy any hex instantly.

Color Picker & Font Inspector — StyleDrop

5.0

Color picker & font inspector for any webpage. Copy CSS, gradients, design tokens and WCAG contrast, then export to DESIGN.md.

Coloracci: CSS Inspector, Colors & AI Specs

5.0

Inspect CSS, extract color palettes, fonts & assets from any site. Copy elements as CSS, Tailwind or AI prompts. 100% free.

StylePeek - Design Style Inspector

0.0

Instantly inspect fonts, colors & spacing on any website. Side panel stays open while you browse. Zero DOM pollution, one-click copy

Facet

0.0

Inspect any page's styles, colors, fonts, and images from a sleek sidebar. Extract design DNA in one click.

Color Hexcode Tool

0.0

Click anywhere on a webpage to see its exact color in HEX and RGB. One click to copy.

TypeSpot

5.0

Inspect typography on any webpage in seconds. View font family, size, weight, spacing, color, and more.

Pixie - Color Picker

5.0

Pick any color from a webpage, copy it in modern CSS formats, and save it to your history.

DesignKit: Ruler, Inspector, Color, Typography & A11y Toolkit

5.0

Measure spacing, sample color, read type specs, audit accessibility and capture full pages. 23 tools, one panel, all local.

Color Grab

3.0

Copy the color code from any webpage in various formats.

CSS Inspector & Color Picker — MimicKit

5.0

Inspect any website. Copy CSS as Tailwind, extract colors, fonts, SVGs and images. Paste into Cursor, v0 or Claude.

Kulay Colour Picker

0.0

Sample webpage colors, copy HEX/RGB/OKLCH values, and generate palette harmonies.

Google apps