Color Tools
Convert, adjust, mix and generate colors for websites, graphics and design systems.
Quick access
View all
Color Format Converter
Convert one color to HEX, HEX8, RGB, RGBA, HSL and HSLA. Preview alpha and copy CSS values.
Color Lightener
Increase a color’s lightness by a chosen amount and copy updated values.
RGB Color Ramp Generator
Generate 2–100 interpolated RGB color swatches between two endpoints. Preview the gradient and copy HEX values; no CSS export.
Color Darkener
Blend an opaque color toward black by a chosen percentage, then inspect and edit the resulting color.
Color Saturation Adjuster
Adjust one color’s HSL saturation in percentage points. Edit the base and result colors, then copy the current result text.
Grayscale and Desaturation Converter
Convert one opaque color to gray by setting HSL saturation to zero. Preview and copy HEX, RGB, HSV and HSL values.
Color Inverter
Invert one opaque colour by subtracting each RGB channel from 255, then preview and copy the result.
Random Color Generator
Generate colors with optional RGB or HSL channel constraints.
Color Mixer
Mix two opaque RGB colors by percentage, inspect the resulting color and copy a HEX summary.
Hue Shifter
Rotate a color around the hue wheel while preserving saturation and lightness.
Triadic Color Scheme Generator
Generate three hues spaced 120 degrees apart from a base color, with independent editing of each result.
Rectangular Tetradic Palette Generator
Generate four HSL colors at fixed hue offsets 0°, 60°, 180° and 240°. Preview and copy two complementary pairs.
Complementary Color Generator
Generate an HSL complementary pair from a base color. Enter HEX or use RGB, HSV and HSL controls, then generate and edit the two colors independently.
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
Generate 3–12 colors by varying HSL lightness from one base color. Edit each result and copy the palette text.
Square Color Scheme Generator
Generate four hues separated by 90 degrees.
Image Pixel Color Picker
Sample a pixel from a local image and read HEX, RGB and canvas coordinates. Adjust HEX/RGB/HSV/HSL values; the working canvas fits within 900 × 620.
Image Palette Builder
Build a 1–20 colour palette by sampling an image, then export CSS, code, SVG or PNG.
Batch Image Color Picker
Load multiple images, sample a chosen position in each and create separate copyable palettes.