Free Design & Color tools
About Design & Color tools
Free tools for color and visual work — a color picker, color code conversion, palette generation, CSS gradients, a contrast checker, and favicon generation. All run in your browser with no signup.
Tools tagged Design & Color
Favicon Generator
Create favicon.ico, Apple touch, Android & PWA icons from one image, plus site.webmanifest and ready-to-paste HTML. Runs in your browser. Free, no signup.
- Generator
- Design & Color
Color Picker
Pick colors from an image and get the HEX, RGB, or HSL code. Zoom in with the loupe for pixel-level accuracy and export your palette. Free, no signup.
- Design & Color
- Productivity
Color Code Converter
Convert color codes between HEX, RGB, HSL, HSV, and OKLCH, with alpha and a CMYK reference. Copy any format in one click. Runs entirely in your browser.
- Converter
- Design & Color
Contrast Checker
Check color contrast against WCAG 2.1 / 2.2 AA and AAA, with passing-color suggestions, color-blindness simulation, and APCA. Runs entirely in your browser.
- Checker
- Design & Color
- Accessibility
Color Palette Generator
Free color palette generator. Pick one base color to generate complementary, analogous, triadic, and other color schemes from color theory. Export as CSS variables, Tailwind, SCSS, or JSON. Runs entirely in your browser.
- Generator
- Design & Color
CSS Gradient Generator
Free CSS gradient generator for linear, radial, and conic gradients. Adjust colors, angle, and alpha, then copy as CSS, Tailwind, or SCSS. Runs in your browser.
- Generator
- Development
- Design & Color