buncha/design/color-mixer

Color Mixer

Mixed

50% ARatio50% B

Which space should I pick? RGB is the default in most tools but it makes saturated mid-tones look muddy — mix red and blue at 50% in RGB and you get a dark muddy grey-purple. HSL preserves the hue path so red-and-blue goes through proper purple. OKLCH (via OKLab) is what modern CSS uses when you write color-mix(in oklab, ...) — the result reads as visually halfway, not just halfway between channel numbers. For design system work, OKLCH is the calmer pick.

Pairs well with

ASCII Art Generator

Image to text-art. Multiple character ramps, squar…

Barcode Generator

Generate Code 128, EAN-13 or UPC-A barcodes. Encod…

Border Radius Generator

Generate CSS border-radius with a visual editor.

Box Shadow Generator

Create and preview CSS box shadows visually.

About Color Mixer

Blend two colours at any ratio. Pick the mixing space — RGB (linear channel blend), HSL (preserves the hue path), or OKLCH (perceptually uniform, the one modern CSS uses for color-mix). Returns HEX, RGB, HSL and a ready-to-paste color-mix() declaration.

Everything happens on your device. Close the tab and it's gone.