ADVERT

Colors Tools

Color tools for designers and developers. Convert HEX, RGB, and HSL values, generate gradients, extract palettes from images, and check accessibility contrast.

Color Palette Extractor

Upload an image and extract dominant colors. Generate beautiful palettes for design, branding, or art.

Gradient Generator

Create linear CSS gradients and copy code instantly. Design custom gradients with multiple colors and directions.

Convert colors between RGB and HSL with a live color swatch.

CSS Filter Generator

Design and preview CSS filters including blur, brightness, contrast, grayscale, sepia, saturate, and hue-rotate. Copy the CSS instantly.

Material Palette

Browse Google’s Material Design color palettes. View all shades, copy hex codes instantly, and preview text on background colors.

Browse the Flat UI Colors palettes (v1 & v2). View all swatches and copy hex codes instantly for use in your designs and code.

← Back to all tools

ADVERT