Design & color generators
Palettes and gradients, a WCAG contrast checker, color converters, initial avatars and CSS helpers — with a focus on accessibility and ready-to-paste values.
25 tools in this category.
Art Movement Name Generator Create avant-garde names for art movements, collectives, and manifestos. Unique combinations inspired by contemporary art history. Artwork Title Generator Create evocative titles for artworks, paintings, sculptures, and creative pieces. Names that dialogue with your work and expand its meaning. ASCII Wireframe Generator Generate ASCII art wireframes of web layouts: header, sidebar, content, footer. Quick mockups for documentation, proposals, and team visual discussion. Aspect Ratio Calculator Calculate common aspect ratios (16:9, 4:3, 1:1) and derive dimensions from a fixed width or height. Avatar initials generator Generate avatars with initials and a background color derived from the name. Slack, Linear or Notion-style. Downloads as a high-resolution PNG. Color contrast checker Check whether your text and background combo meets WCAG 2.1 AA or AAA. Get the exact contrast ratio with live preview, free, no signup. Color format converter Convert colors between HEX, RGB, HSL and HSV instantly, with live preview. Great for CSS, design and development. Runs in your browser. Color name suggester Drop in a HEX code and we suggest a descriptive name (warm coral, deep navy, dusty rose). Great for design systems, palettes and documentation. Color palette generator Generate harmonious color palettes in one click. Analogous, complementary, triadic and monochromatic schemes with HEX, RGB and HSL codes ready to copy. CSS border-radius generator Generate CSS border-radius with live preview. Independent corners, asymmetric blob shapes, px or %. Copy ready-to-paste code. CSS box-shadow generator Design CSS shadows with live preview: offset, blur, spread, color and inset shadows. Copy the ready-to-paste box-shadow code. 100% free. CSS gradient generator Build linear, radial and conic CSS gradients with live preview. Copy ready-to-paste code, multi-stop support and modern background styles. Design Studio Name Generator Create visual names for your graphic design, UX/UI or branding studio. Generate creative options that reflect your style and philosophy. Exhibition Name Generator Generate conceptual titles for art exhibitions, shows, and biennales. Evocative names that capture the curatorial essence of your project. Fashion Collection Name Generator Create memorable names for your fashion collections and seasons. Sophisticated combinations that capture trends and convey your creative vision. Free ASCII Art Generator Turn any text into ASCII art instantly with multiple fonts. Perfect for README banners, code comments, terminal welcome screens and signatures. Hex color generator Generate HEX color codes instantly with live preview. Convert between HEX, RGB and HSL and grab the exact code ready for CSS. Image color picker Upload an image and get its dominant color palette, or click any pixel for its exact HEX. Nothing is uploaded to any server. Free. Open Graph Image Generator (text) Generate a 1200x630 Open Graph image with title, subtitle and brand. Perfect for social previews. Downloadable PNG. Photo Series Name Generator Generate poetic names for photo series, visual projects, and image essays. Titles that unify and enhance your visual narrative. Random color generator Generate a random color in HEX, RGB and HSL instantly. Great for quick design, mocks, palette ideas or breaking creative block. Random Hex Generator Generate random hex colors instantly. Useful for prototypes, placeholders and visual experiments. Tailwind color generator Generate an 11-shade Tailwind-style scale (50-950) from any base color. Copy HEX values ready for your config or browse the full official palette. Twitter Card Generator Generate Twitter Card meta tags to preview your site on X (Twitter). Summary, summary_large_image — copy with one click. Two-Color Blender Blend two colors at different ratios to get intermediate shades. Useful for gradients and palettes.