TokenTint – Color Picker & Design Tokens

Pick colors from webpages, save palettes, copy HEX/RGB/HSL, and export CSS, Tailwind, or W3C design tokens.

TokenTint is a color picker and design token tool for Chrome. Capture a color from the current webpage with the EyeDropper API, copy HEX, RGB, or HSL values, and keep a local color history for quick reuse. Features: - Pick colors from the screen with the browser color picker. - Save colors to a project palette and manage your design colors. - Copy HEX, RGB, and HSL values. - Export CSS Variables in the free version. - Pro adds multiple project palettes, Tailwind Config export, W3C Design Tokens export, and optional extraction of key computed colors from the active webpage. - Use light or dark theme settings. Color history, palettes, settings, and local entitlement state are stored in Chrome local storage. TokenTint has no advertising or analytics. Page colors are read only after you choose Extract Page Colors, and page content is not uploaded to TokenTint servers. Some Pro features require a one-time purchase. Payment is handled by Creem on the TokenTint website. See the privacy policy, terms, and refund policy before purchasing.