01TokenTint
Pick in the browser
Sample a color without leaving the webpage you are studying or building.
TokenTint for frontend workflows ●
Chrome Color Picker & Eyedropper Extension
Pick a HEX, RGB, or HSL color directly from a webpage, review your recent color history, and save the useful values in a reusable project palette.
✓ Free forever · No credit card required
A calmer way to build color systems
01 / Capture02 / Organize03 / Ship
The problem
Browser color work often means picking the same area more than once, losing a copied value in a notes file, or switching between formats manually. A basic eyedropper gives you one color, but not a useful place to review the colors around it.
How TokenTint solves it
TokenTint keeps the browser picking step simple: choose a color, switch between HEX, RGB, and HSL, review your recent history, and save the useful values to a project palette. It is designed for quick frontend and UI work before you need a full design-system process.
A better color workflow
From first click to final token.
- 01 / PICKPick Color.Use the Chrome extension to sample a color directly from the active webpage.
- 02 / REVIEWReview History.Keep the last 20 picked colors together and copy the format you need.
- 03 / SAVESave to Project.Move the useful colors into one reusable project palette for the current task.
Why TokenTint
A practical browser color picker for everyday UI work.
02TokenTint
Keep the context
Review recent colors and preserve the small palette around a page or component.
03TokenTint
Copy the right format
Switch between HEX, RGB, and HSL before moving a color into your project.
Free vs Pro
Free
- Pick colors from webpages
- HEX, RGB, and HSL values
- 20-color history
- Single project palette
- CSS Variables export
Pro
- Everything in Free
- Key page color extraction
- Multiple project palettes
- Tailwind Config export
- W3C Design Tokens export
Why TokenTint instead of a basic color picker? a basic eyedropper answers what color is under the cursor; TokenTint also keeps the recent colors, formats, and project context you need while building the interface.
Local-firstColors and projects stay in Chrome local storage.
Limited analyticsThe website records only defined interaction events.
One-time ProNo subscription; 30-day refund policy.
Frequently asked questions
What is a Chrome color picker or eyedropper extension?
It is a browser extension that lets you sample colors directly from webpages and copy their values. TokenTint supports HEX, RGB, and HSL.
How do I pick a HEX color from a webpage in Chrome?
Open TokenTint on the active webpage, start the eyedropper, select the color you need, and copy its HEX value. You can also switch the same color to RGB or HSL.
Does the Chrome color picker save color history?
Yes. The free workflow keeps the 20 most recent picked colors so you can review and reuse them during a task.
Can I save picked colors for a project?
Yes. You can move useful colors from history into a project palette and export that palette as CSS Variables.
Do I need to upload a screenshot to pick a webpage color?
No. TokenTint uses an active Chrome extension workflow to pick from the webpage you are viewing.