Loading…

How to use HEX Shorthand Expander

Enter a hex code, and the tool expands 3-digit shorthand to 6-digit, or shortens a 6-digit code back down when it's collapsible.

Frequently asked questions

What is shorthand hex?

A 3-digit form like #ABC where each digit is doubled, so #ABC expands to #AABBCC. It only works when each channel's two digits match.

Can every color be shortened?

No. A 6-digit hex only collapses to shorthand when each pair of digits is identical (e.g. #33AAFF → #3AF); otherwise it stays 6-digit.

Does it accept codes without a #?

Yes — you can paste with or without the leading hash and the tool normalizes the output for you.

More Color Tools

Pastel Color Generator
Turn any bold color into a soft pastel version instantly
CSS color-mix() Generator
Build a CSS color-mix() in srgb and preview the computed result
Nearest Tailwind Color
Find the closest Tailwind CSS color name and shade for any hex
Color Blend Mode Calculator
Compute multiply, screen, overlay and more blend results of 2 colors
RGB Percentage Converter
Convert HEX to percentage rgb(), 0–1 float and 8-bit integer forms
Color Picker
Pick colors visually and get HEX, RGB, HSL, HSV, CMYK values
Color Format Converter
Convert between HEX, RGB, HSL, HSV, CMYK, LAB and CSS names
Color Contrast Checker
Check WCAG AA/AAA contrast ratios for text and backgrounds
WCAG Color Compliance
Test all WCAG 2.1 text size requirements with pass/fail badges
Color Mixer
Blend two colors with a ratio slider and preview the mix
Tints & Shades Generator
Generate a complete range of tints and shades from any color
Gradient Color Steps
Generate N evenly-spaced colors between two endpoints

← View all Color ToolsBrowse all 1,100+ tools →