# Kernhue

> Kernhue is a Chrome extension that shows the font, colors and CSS of anything on a web page and exports the page’s design tokens — free, and it only runs when you click it.

Key facts:

- Category: font finder, color picker and CSS inspector (Chrome extension).
- Hover any text to see the font that is actually rendering (not just the first family in the CSS stack), with size, weight, line height and letter spacing.
- Eyedropper color picker and a page palette; copy colors as HEX, RGB, HSL or OKLCH. Reads OKLCH, OKLab, Lab, LCH and Display P3 colors.
- Click an element to copy its CSS (only properties that differ from browser defaults) and see its WCAG contrast ratio.
- Exports a page's design tokens (colors, font families, type scale, spacing, radius, shadows) as CSS variables, Tailwind v4 @theme, Tailwind v3 config, W3C Design Tokens JSON or DESIGN.md.
- Keyboard shortcut: Alt+Shift+K. Works on localhost and local HTML files.
- Runs only on the tab the user chooses, after a click (activeTab). No ads, nothing injected into websites.
- Pricing: Free — everything above, no daily limits, 3 free AI namings (one-time). Pro — $3 / month, $19 / year or $39 once: AI token naming for everyday use (fair-use daily limit) with semantic names and DESIGN.md design notes.

## Product

- [Home](https://kernhue.roledawn.com/): features and FAQ
- [Pricing](https://kernhue.roledawn.com/pricing)
- [Privacy policy](https://kernhue.roledawn.com/privacy)

## Comparisons

- [WhatFont alternative (2026)](https://kernhue.roledawn.com/whatfont-alternative)
- [Kernhue vs CSS Peeper](https://kernhue.roledawn.com/vs/css-peeper)

## Optional

- [Terms of use](https://kernhue.roledawn.com/terms)