In-browser
Color Picker & Palettes
designInspect colors, generate matching palettes, and copy HEX/RGB/HSL values.
Inspect Color
Selected Hex#8B5CF6
Complementary#74A309
HEX Color Format
RGB Color Format
HSL Color Format
🔒 This tool runs entirely in your browser. Nothing is uploaded or sent to any server.
How to Use the Color Picker & Palettes
- 1Pick or input your color HEX/RGB values, or upload an image to inspect.
- 2Adjust gradients, sliders, or colors to see real-time updates.
- 3Copy the generated CSS code, gradient stylesheets, or contrast ratios.
- 4Use the CSS directly in your web design or software project.
Why Use Our Color Picker & Palettes
WCAG CompliantContrast checker uses official WCAG 2.1 formulas to verify AA and AAA readability.
CSS ReadyGenerate linear and radial gradients and copy clean, pre-fixed CSS.
Offline Image Color PickerLoad images and pick colors locally using browser canvases.
Frequently Asked Questions
Q:Does the Contrast Checker verify WCAG standards?
A:Yes. It checks your foreground and background colors and calculates relative luminance to verify compliance with WCAG AA and AAA standards.
Q:How does the Gradient Generator export codes?
A:It generates standard CSS styles (e.g. linear-gradient) with custom angles and color stops, ready to copy and paste into your project.
Q:Can I extract a color palette from my photos offline?
A:Yes, the Palette Extractor parses image pixel data locally to cluster and extract dominant color palettes.