HB
Hue BlenderProfessional color mixing

Hue Blender — Free Color Toolkit: Mixer, Palette Generator, Gradient Builder & More

Your complete color toolkit

Mix colors with Kubelka-Munk pigment simulation, generate palettes, build gradients, check contrast, extract colors from images — all free, all in one place.

Pigment SimulationPalette Generator10+ Free Tools
Start MixingGenerate Palette
10+
Free Tools
148
Named Colors
37
Combinations
12
Articles

All Tools

Everything you need for color work — completely free

Color Mixer

Mix colors with Kubelka-Munk pigment simulation

Palette Generator

Generate harmonious palettes, press Space to randomize

Gradient Generator

Create CSS gradients with live preview

Image to Palette

Extract colors from any uploaded photo

Website Preview

See your palette on a real website mockup

Contrast Checker

WCAG accessibility contrast ratios

Color Converters

Convert between HEX, RGB, HSL, CMYK, CIELAB

Named Colors

Browse 148 CSS named colors

Select colors

2/5 colors
#DC2626
Proportion50%
#2563EB
Proportion50%
50%50%

Result

#B14A87Click any code below to copy
View full color info →
Button
Text
Gradient
Border
HEX#B14A87
RGBrgb(177, 74, 135)
HSLhsl(324°, 41%, 49%)
CMYKcmyk(0%, 58%, 24%, 31%)
CIELABLab(47, 48.7, -13.4)

Pantone® Approximations

240 CApproximate · ΔE 6.5
219 CApproximate · ΔE 7.7
226 CApproximate · ΔE 7.8

RAL® Approximations

RAL 4008Signal violetApproximate · ΔE 6.3
RAL 4006Traffic purpleApproximate · ΔE 6.7
RAL 4010TelemagentaApproximate · ΔE 7.8

Color Blindness Preview

Protanopia#908F7C
Deuteranopia#959B79
Tritanopia#AE726F

Code Export

css
:root {
  --color-primary: #b14a87;
  --color-primary-rgb: 177, 74, 135;
  --color-primary-hsl: 324, 41%, 49%;
}

Pantone® and RAL® codes are mathematical approximations calculated by CIEDE2000 color distance (ΔE). Not officially certified values. For professional work, consult official Pantone/RAL guides.

How does it work?

1

Pick your colors

Select 2-5 colors using the picker, hex input, or preset palette.

2

Adjust proportions

Use sliders to set the mixing ratio for each color.

3

Get your codes

See the result in HEX, RGB, CMYK, HSL, CIELAB with Pantone & RAL matches.

Why Kubelka-Munk?

Most online color mixers simply average RGB values — that's how light mixes, not paint. Our tool uses the Kubelka-Munk model, the same algorithm used by paint manufacturers to predict pigment behavior. It simulates how real pigments absorb and scatter light, giving you results that match what you'd see on a physical palette.

Learn about the Kubelka-Munk model

37 Combinations

Explore popular color mixing combinations with results and codes.

Read Our Blog

Color theory articles, tutorials, and guides for designers.

148 Named Colors

Browse the full CSS named color encyclopedia with codes.