Everything about color, in one atlas
Search by name, HEX or RGB, extract colors from any image, build harmonious palettes and check contrast — free, no sign-up.
Featured Color Tools
Free tools that run right in your browser.
Color PickerPick any color visually and get its HEX, RGB and HSL codes instantly.Color Palette GeneratorGenerate harmonious palettes, lock colors you like and export them.Color Harmony GeneratorComplementary, analogous, triadic, tetradic, split-complementary and monochromatic harmonies.Shades GeneratorGenerate tints, tones, lighter and darker shades and saturation variations.HEX to RGB ConverterConvert HEX to RGB and RGB to HEX accurately, with validation.CSS Gradient GeneratorLinear, radial and conic gradients with multiple stops and CSS export.Image Color Analyzer & ExtractorExtract dominant colors, usage percentages, exact pixel colors and full color analysis from any image — privately in your browser.Contrast CheckerAccurate WCAG contrast ratio with AA/AAA results and accessible suggestions.
Upload an Image and Extract Its Colors
Analyze any image privately — your image never leaves your device.
- Dominant colors with exact coverage percentages
- Pick any pixel, analyze regions, recolor
- Processed in your browser — nothing is uploaded
Popular Colors
The most visited colors in the encyclopedia.
Featured Palettes
Curated palettes ready for your next project.
Explore Color Families
Random Color Generator
Press for a fresh dose of color inspiration.
Color of the DayMetallic Gold
#D4AF37- HEX
- RGB
- HSL
Trending Colors
Most viewed during the last 7 days.
Recently Added Colors
CSS Gradient Examples
Copy the code in one click.
Color Harmony Examples
Classic color-wheel harmonies built from today’s color #D4AF37.
Complementary
Analogous
Triadic
Split-complementary
Latest Articles
Color InspirationSeasonal Colors in DesignBright palettes may suit summer and earthy tones autumn, but purpose and audience matter more.October 17, 2026 · 2 min readCSS & Web DevelopmentMinimalist Color PalettesUse a neutral base, readable text and one accent; hierarchy matters more than variety.October 17, 2026 · 2 min readImage Color AnalysisPhoto Color Grading BasicsCorrect exposure and white balance first, then grade creatively while monitoring skin tones.October 17, 2026 · 2 min read
Featured Guides
Educational guides to understand and use color.
Color TheoryColor Theory for Beginners: Hue, Value, Saturation and the Color WheelThe core vocabulary of color — hue, value, saturation, primaries, mixing models and the color wheel — explained without jargon.October 11, 2026 · 2 min read
Image Color AnalysisHow to Extract Colors from Images (and What the Percentages Mean)A step-by-step tutorial for pulling palettes from photos, picking exact pixel colors and understanding how dominant colors are ca…October 3, 2026 · 2 min read
Color AccessibilityAccessible Website Colors: WCAG Contrast Made SimpleWhat contrast ratios mean, which WCAG levels apply to text and interface elements, and how to fix failing color pairs.September 25, 2026 · 2 min readFrequently Asked Questions
What is Color Atlas?
Color Atlas is a bilingual color encyclopedia with hundreds of named colors, curated palettes and more than twenty free tools for conversion, harmony, accessibility and image analysis.
Do I need an account?
No. Every page and tool is available without registration.
Are my images uploaded when I analyze them?
No. Images are processed entirely in your browser and are never sent to our server or any third party.
How accurate are the color conversions?
HEX, RGB, HSL and HSV conversions are mathematically exact in sRGB. CMYK is approximate because real printing depends on the printer and paper color profile.
Can I use the colors and palettes in commercial projects?
Yes. Color codes are not protected, and you can use any color or palette from the site in personal and commercial projects.
How are color percentages in an image calculated?
Pixels are grouped with k-means clustering in CIELAB space, then every pixel is assigned to its nearest dominant color. The percentage is each group's share of the analyzed pixels.