Tool Categories

Hex Color Input
Enter or pick a hex color code

Generates a palette of color shades from any hex color. Lighter shades are created by blending with white, darker shades by blending with black. Click any shade to copy its hex code.

Color Shades
Click any shade to copy

No shades yet

Enter a hex color and click Generate

How to Use
Step-by-step guide
1

Enter a hex color code (e.g., #FF5733 or FF5733) in the input field, or use the color picker.

2

Click the "Generate Shades" button to create lighter and darker variations.

3

Click any shade in the results panel to copy its hex code to your clipboard.

4

Use the "Copy All" button to copy all shades at once for easy sharing.

Lighter shades are created by blending with white, and darker shades by blending with black. The original color is always included in the middle of the palette.