Color Mixer
Mix two or more colors at specified ratios to create new colors. Compare results across different color spaces like RGB, HSL, and LAB.
Select colors
Mix ratio
Result
How to Use
Select Colors
Select two or more colors to mix
Adjust Ratio
Adjust mixing ratio for each color
Copy Result
Copy the mixed color code
Features
Real-time Mixing
Results update instantly when colors or ratios change
Multiple Colors
Mix more than two colors simultaneously
Color Space
Mix in different color spaces like RGB, HSL
FAQ
๐Related Tools
Color Code Converter
Convert between HEX, RGB, and HSL color codes. Use the color picker and real-time preview for intuitive color selection.
Color Picker
Pick colors intuitively using a color wheel and sliders. Get and copy color codes in HEX, RGB, and HSL formats.
Image Color Extractor
Automatically detect dominant colors from an image and generate a color palette. You can also click anywhere on the image to pick individual colors.
Image Average Color Picker
Calculate the average color of an entire image or a selected area. Useful for choosing color schemes or thumbnail background colors.
CSS Gradient Generator
Visually create CSS gradients with drag controls. Supports linear, radial, and conic gradient types with presets.
CSS Box Shadow Generator
Visually create CSS box-shadow with sliders. Supports multiple shadows and inset shadows.