Extracts all colour codes from CSS files, design tokens, or any text — hex (#fff, #1a2b3c), RGB (rgb(255,0,0)), RGBA, HSL, HSLA, and CSS named colours. Shows a swatch preview for each colour found, making it easy to audit your colour palette or migrate to a design system.
Paste your CSS or text and get every colour code found, with visual swatches, in seconds. To convert extracted colours between formats, use the Hex ↔ RGB ↔ HSL Converter.
CSS snippet
Input
color: #ff6b6b; background: rgb(30, 30, 30);
Output
#ff6b6b rgb(30, 30, 30)
Convert colour values between Hex, RGB, HSL, and HSB formats.
Generate harmonious colour palettes from a base colour.
Generate linear, radial, and conic CSS gradients with live preview.
Check WCAG AA and AAA contrast ratios for foreground and background colours.
Extract all email addresses from any block of text.
Extract all hashtags from social media posts or any text.