Color Blender & Converter

Blend two colors into smooth, even steps and convert any color between HEX, RGB, HSL and OKLCH, with perceptually even mixing, right in your browser.

A color blender mixes two colors into an even set of steps and converts a single color between formats. Set the two ends, choose how many steps you want, and read each one as hex, or convert a color between HEX, RGB, HSL and OKLCH, so it works as a color mixer and a HEX to HSL converter in one. The blend runs in a perceptual space so the middle steps stay clean instead of muddy. Nothing leaves your device.

Steps6

Blended (50%)

#9a7b9e

Convert a color

HEX
RGB
HSL
OKLCH

How it works

  1. 1

    Choose two colors

    Set color A and color B, the two ends of the blend.

  2. 2

    Mix

    Drag the ratio for a single mix, or set the number of steps for a full scale.

  3. 3

    Copy values

    Copy any step hex, or convert a color between HEX, RGB, HSL and OKLCH.

Instant & 100% private — nothing is uploaded

Every color is generated and converted right on your own device. Nothing is sent to a server, so there are no waits, no limits, and no copies kept anywhere.

Frequently asked questions

How are the colors blended?
Colors are mixed in the OKLCH color space, which keeps the steps perceptually even and avoids the muddy mid-tones you get from blending raw RGB.
What is the blend ratio?
The ratio sets how far the mix sits between color A and color B: 0% is pure A, 100% is pure B, and 50% is the exact midpoint.
Which formats can I convert between?
HEX, RGB, HSL and OKLCH. Enter a color in any of them and read it back in all the others.
Is anything uploaded?
No. All blending and conversion happens locally in your browser. Nothing leaves your device.

More tools

Color Palette GeneratorShuffle palettes with the spacebar, lock favourites, copy hex codes.Color Contrast CheckerWCAG AA/AAA pass-fail, color-blind preview and a fix suggestion.CSS Gradient GeneratorMulti-stop linear & radial gradients with copyable CSS.Color PickerPick a color, read HEX, RGB, HSL, HSV and CMYK, sample any pixel.HEX to RGB ConverterConvert HEX color codes to RGB, plus HSL, HSV and CMYK.RGB to HEX ConverterConvert RGB values to a HEX code with sliders and a live preview.

More from the Hivly network

Free sister tools on our other sites.

Brand Name GeneratorBrandable names from a keyword, with availability, palette and tagline.Bulk Image CompressorBulk-shrink JPG, PNG and WebP — many images at once.JSON Formatter & ValidatorBeautify, minify, validate JSON with a collapsible tree view.