Color Picker & Palette Generator

Pick a color and get its HEX/RGB/HSL values, plus a palette of lighter tints and darker shades.

Color #4f46e5

HEX—

RGB—

HSL—

Tints (lighter)

Shades (darker)

Click any swatch to copy its HEX code.

Copied

Tints mix a color with white to lighten it; shades mix it with black to darken it — both are common steps when building a consistent color scale for a UI.

Frequently asked questions

How do I pick a color and get its code online?

Click the color swatch to open your browser's color picker, or type a HEX value directly — the RGB and HSL equivalents, plus a tint/shade palette, update instantly.

How do I copy a palette color?

Click any swatch in the tints or shades row to copy its HEX code to your clipboard.

Related tools

← Back to all tools