About Color blend
Multi-color mixing in Lab/OKLCH
How to use
Mix two colors with a chosen ratio or blend mode to see the resulting midpoint and copy it instantly.
Color blend
How it works
1
Enter or pick a color
Type a HEX, RGB, HSL, OKLCH or Lab value, or use the color picker.
2
Adjust and preview
Change the inputs and watch every value update in real time.
3
Copy the result
Copy any format with one click and paste it into your code or design tool.
About this tool
All calculations use standard color-space formulas with a D65 white point. OKLCH and Lab results are perceptual, so the numbers describe how the color actually looks rather than how a particular screen happens to render it.
- All calculations in your browser
- WCAG accessibility by default
- OKLCH / Lab / LCH ready