Loading…

How to use Color Palette Sorter

Paste your hex colors, choose a sort key (hue, saturation or lightness), and copy the reordered list.

Frequently asked questions

How can I sort my colors?

By hue to arrange them like a rainbow, by saturation from dull to vivid, or by lightness from dark to light.

What input format is expected?

Paste a list of hex colors, one per line or separated by spaces or commas; the tool parses them automatically.

Why sort by hue?

Sorting by hue groups similar colors together, making a palette easier to scan and revealing gaps or duplicates.

More Color Tools

UI Color Scheme Builder
Build a complete UI color scheme with semantic role assignment
Contrast Grid Checker
Check WCAG contrast for every foreground/background pair in a palette at once
OKLCH Color Converter
Convert HEX/RGB to and from OKLCH and OKLab (CSS Color 4)
Material Tonal Palette
Generate a 50–900 tonal scale from one base color for design systems
Complementary Color Finder
Find the exact complementary (opposite) color for any hex value
Color Inverter
Invert any color to its RGB negative (255 minus each channel)
Lighten / Darken Color
Lighten or darken any color by a precise percentage of lightness
HSL Adjuster
Shift hue, saturation and lightness of a color with live preview
Alpha Blend Calculator
Composite a translucent color over a background to a solid hex
CMYK ↔ RGB Converter
Convert print CMYK percentages to RGB / HEX and back both ways
Grayscale Converter
Convert any color to perceptual grayscale using Rec.601 luma
Sepia Tone Converter
Apply the classic sepia photo tone matrix to any color

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