Color Mixer

Choose two HEX colors, adjust the mix ratio, and copy the resulting HEX, RGB, and HSL values.

Color A

Color B

Color B amount 50%

——

sRGB vs linear-light color mixing

Compare a naive sRGB interpolation with linear-light mixing, then copy a gradient scale and CSS color-mix() handoff.

—Color B ratio

—sRGB interpolation

—Linear-light interpolation

Ready.

Digital interpolation is not a recipe for physical paint or ink; pigment mixing is subtractive and material-dependent.

Color and accessibility boundaries

HEX/RGB/HSL/HSV/OKLCH conversions are numerical color-model operations. CMYK output is an RGB-derived approximation rather than ICC-profiled print proofing. WCAG contrast ratios measure luminance contrast only and do not certify a full interface. Color-blindness previews are design simulations, not medical tests.