Tools for UX/UI designers
From color to the final detail: build palettes, check contrast against WCAG, generate CSS gradients and shadows, extract colors from an image and create the favicon. Focused on accessibility and handoff-ready values.
Color palette generatorGenerate harmonious color palettes in one click. Analogous, complementary, triadic and monochromatic schemes with HEX, RGB and HSL codes ready to copy. Color contrast checkerCheck whether your text and background combo meets WCAG 2.1 AA or AAA. Get the exact contrast ratio with live preview, free, no signup. Two-Color BlenderBlend two colors at different ratios to get intermediate shades. Useful for gradients and palettes. CSS gradient generatorBuild linear, radial and conic CSS gradients with live preview. Copy ready-to-paste code, multi-stop support and modern background styles. CSS box-shadow generatorDesign CSS shadows with live preview: offset, blur, spread, color and inset shadows. Copy the ready-to-paste box-shadow code. 100% free. Image color pickerUpload an image and get its dominant color palette, or click any pixel for its exact HEX. Nothing is uploaded to any server. Free. Avatar initials generatorGenerate avatars with initials and a background color derived from the name. Slack, Linear or Notion-style. Downloads as a high-resolution PNG. Text-Based Favicon GeneratorGenerate a favicon from text: pick a letter, background and font color. Download a square PNG ready to drop into any website.