Design

4 tools

Color Picker

Pick a color and inspect HEX, RGB, HSL and alpha formats. Build a palette, compare text/background contrast, and copy the values you need.

CSS Gradient Generator

Build linear, radial or conic CSS gradients with a live preview. Set colors, stop positions and direction, then copy the generated background rule.

Color Contrast Checker

Check two opaque HEX colors against WCAG AA/AAA thresholds, preview text, and apply an available lightness adjustment.

Color Palette Extractor

Extract a sampled frequency palette from a local image. Choose 1–16 colors, inspect HEX swatches with sample counts and percentages, then copy or download the JSON report.