Skip to content

Design Utilities

5 tools

Which Design Utilities tool do you need?

ToolWhat it answers
Color BlenderEnter two hex colours and choose how much of the second one to use.
Color Blindness SimulatorEnter hex colours and pick a type of colour blindness; the simulator converts each colour as a viewer with that condition would see it.
Color ConverterType a colour in any common notation and get the others at once.
Compound ColorsA compound colour scheme pairs a base hue with colours from the opposite side of the wheel plus one close neighbour.
Deuteranopia SimulatorEnter hex colours and the simulator shows each one as a person with deuteranopia (no working green cones) would see it.

All tools

Color Blindness Simulator

See how hex colours look with protanopia, deuteranopia, tritanopia or achromatopsia, using Machado 2009 matrices, and find the pair hardest to tell apart.

Deuteranopia Simulator

Paste hex codes and see how each looks with deuteranopia, using the Machado 2009 matrix in linear RGB. Pairs that merge into one tone are flagged.

Color Blender

Blend two hex colors at any ratio and get the mixed hex, RGB and HSL values, plus up to 20 evenly spaced in-between shades for a palette.

Color Converter

Convert a colour between HEX, RGB, HSL, HSV and CMYK from one entry, with relative luminance. Accepts #ff7f50, rgb(), hsl() or names like coral.

Compound Colors

Enter a hex colour and get a five-colour compound scheme: the complement, two split hues beside it and an analogous accent, each with hex and RGB.