Explore 20 interactive color tools to discover, create, and experiment with colors. Learn what colors symbolize and how they relate to emotions, build beautiful palettes, find matching shades, mix colors, and check contrast. Whether you’re designing, creating art, or simply exploring color meanings, find the right tools to bring your ideas to life.
Color Meanings Explorer
Explore the symbolism, emotional associations, and color codes of 40 colors.
Start exploringColor Picker
Choose a color and copy its HEX, RGB, HSL, or OKLCH code.
Pick a colorColor Palette Library
Browse color palettes by color, style, and theme to find your next combination.
Find your paletteColor Palette Generator
Generate color combinations, lock your favorites, and refine your palette.
Create a paletteImage Palette Generator
Extract a palette from an image, then edit, copy, or download its colors.
Extract a paletteColor Wheel
Find complementary, analogous, and other harmonies around a starting color.
Find your harmonyColor Mixer
Mix colors in different proportions or find a recipe for a target shade.
Mix some colorCSS Gradient Generator
Create linear, radial, and conic gradients. Copy CSS or download an image.
Make a gradientShades, Tints & Tones Tool
Create lighter, darker, and more muted variations of your colors.
Explore the spectrumColor Temperature Tool
Explore warmer and cooler shades and compare them on different backgrounds.
Find the right balanceMood Palette Generator
Find color palettes inspired by a mood, scene, or style.
Choose a moodBrand Palette Generator
Build a brand palette and preview it in website and social designs.
Build your paletteColor Name Finder
Find a color name from a code, search names, or sample a shade from an image.
Find a color nameColor Code Converter
Convert between HEX, RGB, HSL, CMYK, and other color formats.
Convert a colorColor Contrast Checker
Check text and interface color pairs against WCAG contrast requirements.
Check your colorsColor Blindness Simulator
Preview palettes and images with simulated color vision differences.
Preview your paletteColor Matching Game
Match a target color and practice judging hue, saturation, and lightness.
Play with colorColor Memory Game
Flip cards, remember their positions, and match the colored pairs.
Find your matchesOdd Color Out Game
Find the different tile as the shades become harder to distinguish.
Spot the shadeColor Symbolism Quiz
Test your knowledge of color meanings and learn from each answer.
Test your knowledgeHow to Choose the Right Color Tool
Not sure where to start? Whether you’re exploring color meanings, creating a palette, or finding the perfect shade, here’s how to pick the right color tool for your project.
Discover What Colors Mean
Curious about the meaning behind a color? Try the Color Meanings Explorer to discover the symbolism, emotional associations, and characteristics of 40 colors. Explore individual colors or compare two side by side to understand their similarities and differences.
Create a Color Palette
Looking for colors that work well together? Use the Palette Generator to create color combinations, experiment with different styles, and refine your favorite shades.
Find Matching Colors
Want to discover which colors complement each other? Try the Color Harmony Wheel to explore complementary, analogous, triadic, and other color relationships.
Extract Colors From Images
Found a photo with colors you love? The Image Palette Extractor lets you turn an image into a customizable palette that you can edit, copy, and download.
Find and Convert Color Codes
Need an exact shade? Use the Color Picker to find colors and copy their HEX, RGB, HSL, or OKLCH values. For additional formats, the Color Code Converter makes it easy to convert between different color systems.
Experiment With Color Mixing
Wondering what happens when you combine different colors? Try the Color Mixer to blend up to six colors, adjust their proportions, and explore different mixing methods.
Check Color Accessibility
Designing a website or interface? Use the Contrast Checker to test text and background combinations against WCAG contrast requirements.