Free color and CSS design tools that run in your browser
Pick colors, convert formats, generate palettes, build gradients and check contrast instantly — 100% in your browser.
Color Picker
Pick a color, copy HEX, RGB and HSL, and preview tints and shades.
HEX RGB Converter
Convert HEX, RGB(A) and HSL(A) values in every direction.
Palette Generator
Generate complementary, analogous, triadic and monochromatic palettes.
Gradient Generator
Build CSS linear and radial gradients with live preview and copyable CSS.
Box Shadow Generator
Design CSS box shadows with sliders and a live preview.
Contrast Checker
Check WCAG contrast ratio for text and background colors.
Tailwind Shades Generator
Generate a Tailwind-style 50-950 shade scale from a base color.
CSS Filter Generator
Build CSS filter() effects with sliders and a live preview.
Border Radius Generator
Design standard and elliptical border-radius values with live preview.
Glassmorphism Generator
Create frosted-glass card CSS with blur, transparency and borders.
Neumorphism Generator
Generate soft-UI neumorphic shadows, surfaces and radii.
Duotone Generator
Apply a two-color duotone effect to an uploaded image and export PNG.
Color Mixer
Mix two colors at a chosen RGB ratio and copy the result.
Color Name Finder
Find the nearest named CSS color to any HEX value.
CSS Theme Generator
Pick brand colors and output CSS custom properties for a theme.
SVG Wave Generator
Create layered SVG wave dividers with custom colors. Copy SVG or CSS, download SVG or PNG.
Blob Generator
Generate random organic SVG blobs with gradient fills and outlines. Copy SVG or download PNG.
Mesh Gradient Generator
Build mesh gradients from draggable color points with blur and noise. Copy CSS or download PNG.
CSS Clip-Path Generator
Edit CSS clip-path shapes visually with presets and draggable polygon points. Copy the CSS.
Private color tools for everyday design work
Color & Design gives you practical browser-based utilities for choosing, converting and checking colors without sending anything to a server. Every tool runs locally with plain JavaScript, the DOM and CSS previews, so your palettes, brand colors and design decisions stay on your device.
Start with the color picker, convert formats in the HEX RGB converter, generate palettes, build CSS gradients, tune box shadows or check WCAG contrast before publishing a design.