Free Design & Color Tools
Color converters, palettes, gradients, contrast checks, and CSS generators for designers and developers.
Color Converter
Convert colors between HEX, RGB, and HSL.
CSS Gradient Generator
Design CSS gradients with a live preview.
Color Palette Generator
Generate harmonious color palettes from one color.
Color Contrast Checker
Check WCAG color contrast for accessibility.
CSS Box Shadow Generator
Design CSS box shadows with a live preview.
About these design & color tools
Free color and design tools for designers and front-end developers — convert colors between HEX, RGB, and HSL, generate harmonious color palettes from a base color, build CSS linear gradients and box shadows with a live preview, check WCAG color contrast for accessibility, and pick colors straight from an image. Copy-paste-ready output, no sign-up, and everything runs in your browser.
Frequently asked questions
How do I convert HEX to RGB?
Use the Color Converter — enter a HEX value and instantly get its RGB and HSL equivalents with a live swatch.
How do I check color contrast for accessibility?
The Color Contrast Checker measures the ratio between text and background and shows whether it passes WCAG AA and AAA.
Can I generate CSS gradients here?
Yes — the CSS Gradient Generator lets you pick colors and an angle and copies the ready-to-use background CSS.