Color Utilities
25 free color utility tools. Browse color libraries, reference framework palettes, generate design tokens, export palettes and extract colors from images.
Libraries & References
Color Library
200+ curated named colors organized by hue family. Search and copy instantly.
Open Tool →Color Explorer
Explore the full color spectrum by hue, saturation and lightness ranges.
Open Tool →Color Meanings
Symbolism, emotions and cultural meanings for every color family.
Open Tool →Color Codes
Complete reference of HEX, RGB and HSL color codes for every major color.
Open Tool →HTML Color Codes
All 148 CSS named colors with HEX values — the complete HTML reference.
Open Tool →Framework Palettes
Tailwind Colors
All 19 Tailwind color families with 10 shades each. Copy HEX or CSS tokens.
Open Tool →Bootstrap Colors
All 13 base colors and 8 theme colors from Bootstrap 5.
Open Tool →Material Colors
All 19 Material Design color families with 10 shades each.
Open Tool →Generators & Design Systems
CSS Color Generator
Generate CSS color values in every format — HEX, RGB, HSL and modern syntax.
Open Tool →CSS Variables Generator
Complete CSS custom properties from any base color for theming.
Open Tool →Design Token Generator
Full 50-900 color scale plus semantic tokens. Export ready for design systems.
Open Tool →Brand Color Extractor
Extract brand colors from any logo or image — 100% in your browser.
Open Tool →Color System Generator
Complete color system — 50-900 scale plus semantic tokens.
Open Tool →Image & Palette Extractors
Palette Extractor
Extract the dominant palette from any uploaded image.
Open Tool →Palette From Image
Generate a cohesive palette from any reference image.
Open Tool →Image Palette Generator
Generate a palette from any photo, illustration or design file.
Open Tool →Picker From Image
Click any pixel in an image to sample its exact color.
Open Tool →Color Count Tool
Count unique colors in any image with detailed breakdown.
Open Tool →Export & Conversion
Palette Exporter
Export any palette to CSS, Tailwind, SCSS, JSON, SVG, PNG or TXT.
Open Tool →Palette Converter
Convert an entire palette between HEX, RGB, HSL, HSV and CMYK.
Open Tool →Color Format Detector
Detect the format of any color string and get all equivalents.
Open Tool →Color Code Lookup
Look up any color by code or name to get all formats instantly.
Open Tool →HEX Color Finder
Look up a HEX color and see all its values in every format.
Open Tool →RGB Color Finder
Enter RGB values and see HEX, HSL, HSV, CMYK equivalents.
Open Tool →HSL Color Finder
Enter HSL values and see all other format equivalents.
Open Tool →About Color Utilities
Color utility tools handle the support tasks around color work: looking up values, extracting colors from images, converting entire palettes, exporting to different formats and referencing framework palettes. They are the "glue" between design tools and code.
What Utility Tools Handle
- Reference: Complete lists of named colors, framework palettes, color codes.
- Extraction: Colors from images, logos, screenshots.
- Conversion: Entire palettes between formats.
- Export: Palettes as CSS, Tailwind, SCSS, JSON, SVG, PNG.
- Design systems: Complete token sets from a single base color.
- Detection: Identify unknown color formats automatically.