🎨
design
Color Wheel Interactive
Pick colors from an interactive wheel and explore complementary, analogous, triadic, and split-complementary harmonies.
color wheel
Use Tool → 🎨
design
Color Mixer
Mix two colors together with adjustable ratios. See RGB and HSL values, blended result, and complementary colors.
color mixerblend colorsmix colorscolor blendercolor combination
Design Utility
Color Mixer
Blend two colors, inspect RGB and HSL values, and grab complementary shades for palette exploration.
Color A
#3B82F6
Blended
#9A7B86
Color B
#F97316
Blend Summary
Mixed result
Blend Hex
#9A7B86
RGB
154, 123, 134
HSL
339°, 12%, 54%
Complement
#658479
Complementary colors
Balanced blend
Color A Complement
#C47D09
Blend Complement
#658479
Color B Complement
#068CE9
How to use
How to Use the Color Mixer
- 1 Pick two colors using the color pickers.
- 2 Adjust the mix ratio slider to blend between the two colors.
- 3 View the blended result with RGB and HSL values. See complementary colors for design inspiration.
Color mixing is fundamental to design. Understanding how colors blend helps create cohesive palettes and gradients for web and print projects.
The tool shows both additive (RGB) and perceptual (HSL) color values, giving you the numbers you need for CSS, design tools, or print specifications.
More Design tools
Related tools
You might also like
🎮
design
Pixel Art Maker
Create pixel art with a grid-based drawing canvas. Features draw, erase, and fill tools, 10-color palette, mirror mode, and PNG export at multiple scales.
pixel art
Use Tool → 🎨
design
Color Palette from Image
Extract a color palette from any uploaded image using K-means clustering. Get dominant colors as HEX and RGB values with CSS variable code ready to copy.
color palette from image
Use Tool → 📊
converter
JSON to CSV Converter
Convert JSON arrays to CSV and CSV to JSON instantly in your browser. Download CSV files with one click.
json to csv
Use Tool →