Free Design & Color Tools
Color converters, palettes, gradients, contrast checks, and CSS generators for designers and developers.
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, 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.