Color & Design

Pick colors visually and convert between HEX, RGB, HSL, and CMYK formats.

Preview how screen colors translate to print with CMYK simulation and proofing.

Preview any Google Font at various sizes, weights, and with custom sample text.

Create linear, radial, and conic CSS gradients with a visual editor and code output.

Generate harmonious color palettes from a base color using color theory rules.

Simulate how colors appear to people with various types of color vision deficiency.

Design box shadows visually with multiple layers and copy the CSS code.

Adjust border-radius values for each corner visually and copy the CSS output.

Create frosted-glass UI effects with adjustable blur, transparency, and border.

Input brand color and font to auto-generate a complete design system: buttons, cards, forms, and typography scale with live preview.

Visual SVG path editor. Click to place points, drag Bezier curves, and see SVG path code update live.

Generate repeating CSS patterns and textures with customizable colors and scale.

Calculate and convert aspect ratios for images, videos, and responsive containers.

Convert SVG vector graphics to PNG or JPG raster images at custom resolutions.

Upload an image and extract its dominant colors as a usable palette.

Generate placeholder images of any size with custom colors, text, and formats.

Design text shadows with multiple layers, blur, and color controls plus CSS output.