Color tools. Clearly mapped.

Make color easier to use.

Pick HEX colors from images, convert color values, check contrast, explore shades, understand mixing, and find practical references without digging through clutter.

Popular tools

Pick colors from images or use fast, deterministic utilities for common color tasks. Print-oriented conversions are labeled when they are approximations.

Tool

HEX Color Finder

Upload, drag, drop, or paste an image, then pick any pixel to get its HEX, RGB, HSL, and alpha values directly in your browser.

Tool

Contrast Checker

Compare two colors using the WCAG relative-luminance contrast formula.

Tool

Color Mixer

Mix two screen colors with an adjustable sRGB channel blend.

Tool

Tints & Shades

Generate lighter tints and darker shades from a base HEX color.

Converter

HEX to RGB

Convert a HEX color such as #5B5CF0 into red, green, and blue channel values.

Converter

RGB to HEX

Convert red, green, and blue channel values into a six-digit HEX color.

Explore by task

Colormapped is organized around common color tasks so you can reach the right tool or reference quickly.

Convert

Color converters

Move between HEX, RGB, HSL, and CMYK with clear precision notes.

Reference

Color references

Browse curated color codes with conversions, context, and useful next actions.

Reference

Shades

Explore computed shade ramps alongside familiar named colors, exact values, and practical contrast context.

Learn + Tool

Color mixing

Separate digital RGB blending from approximate pigment-style mixing.

Explore

Palettes & gradients

Curated combinations with a practical design purpose and copyable values.

Learn

Guides

Short, practical explanations for working with color formats and workflows.