Color Tools
Convert, adjust, mix and generate colors for websites, graphics and design systems.
Popular tasks
Convert, adjust, mix and generate colors for websites, graphics and design systems.
About Color Tools
How to use Color Tools
Convert, adjust, mix and generate colors for websites, graphics and design systems.
View all
Color Format Converter
Convert editable HEX, RGB, RGBA, HSL, HSLA and HSV values while previewing one color.
Color Lightener
Increase a color’s lightness by a chosen amount and copy updated values.
CSS Gradient Generator
Build a reproducible gradient, preview generated stops and copy its CSS.
Color Darkener
Reduce a color’s lightness by a selected amount with a live preview.
Color Saturation Adjuster
Increase or reduce saturation while retaining hue and lightness.
Grayscale and Desaturation Converter
Convert a HEX or RGB color to grayscale, or reduce its saturation by a chosen amount and copy the result.
Color Inverter
Invert an opaque HEX, RGB, HSL or HSV color channel by channel, preview both colors and copy the result.
Random Color Generator
Generate colors with optional RGB or HSL channel constraints.
Color Mixer
Blend two colors at an exact ratio and copy the result in common web formats.
Hue Shifter
Rotate a color around the hue wheel while preserving saturation and lightness.
Triadic Color Scheme Generator
Generate three balanced hues separated by 120 degrees.
Rectangular Tetradic Palette Generator
Generate two complementary color pairs with an adjustable rectangle angle.
Complementary Color Generator
Generate the hue opposite a base color and copy both colors in multiple formats.
Split-Complementary Palette Generator
Create a base color plus two hues on either side of its complement.
Analogous Color Scheme Generator
Generate neighboring hues at a selected angle for a low-contrast color family.
Monochromatic Palette Generator
Create lighter and darker variations of one hue.
Square Color Scheme Generator
Generate four hues separated by 90 degrees.
Image Pixel Color Picker
Upload an image and click a pixel to read HEX, RGB, HSV and HSL values.
Image Palette Builder
Sample an uploaded image, build a 10-color palette and export values or palette assets.
Batch Image Color Picker
Load multiple images, sample a chosen position in each and create separate copyable palettes.