Design & style

Add custom text watermarks to your images. Protect your photos with copyright text, branding, or signatures. Customize text color, stroke, background, and position. Preview in real-time and download watermarked images instantly.

Generate realistic TV static noise effects with customizable intensity and color modes. Create vintage CRT television screen static for videos, backgrounds, or artistic projects.

Generate professional receipts with barcode support. Create customizable store receipts with item details, pricing, tax calculations, and various barcode formats (CODE128, EAN-13, UPC, etc.).

Create professional business cards with customizable designs. Generate elegant business cards with your contact information, choose from multiple modern skins, and download as PNG or JPEG.

Generate a customizable falling snow animation script for websites. Configure snowflake count, color, size, speed, opacity, wind effect, blur, and animation style. Preview the effect live and copy the ready-to-use JavaScript code to add beautiful snow animations to any webpage.

Generate Zalgo text with customizable intensity. Add combining Unicode characters above, through, and below text to create glitchy, corrupted, or creepy text effects.

Calculate clay shrinkage for pottery and ceramics. Find final dimensions after drying and firing, or determine what size to make your piece to achieve desired final dimensions.

Generate CSS shadow.

Generate CSS borders with dotted, dashed, and other styles. Control border width, color, radius, and individual sides with live preview.

Generate responsive CSS media queries for breakpoints, screen sizes, orientations, and device features

Create CSS scroll snap effects with live preview. Generate scroll containers with snap points for carousels, sliders, and smooth scrolling interfaces

Check color contrast ratios for accessibility compliance.

Generate complementary and split-complementary colors from any input color. Perfect for creating harmonious color schemes based on color theory.

Generate fake chat conversations for mockups, demos, and design purposes.

Fill your entire screen with any color

Calculate missing dimensions from aspect ratio. Enter a ratio and one dimension to find the other.

Sort a list of colors by different criteria like hue, saturation, lightness, or RGB values.

Calculate the average color from multiple input colors using different color space modes (RGB, LAB, LCH, HSL).

Apply sepia filter effect to images with adjustable intensity

Mix colors together to create new colors.

Lighten a color by a specified factor.

Darken a color by a specified factor.

Generate multiple shades and tints from a base color.

Calculate the perceptual difference between two colors using the Delta E (ΔE) 2000 formula. Compare colors and measure how similar or different they appear to the human eye.

Validate hexadecimal color codes, detect format type, and view detailed color information with RGB and HSL values.

Generate CSS filters for images with live preview.

Generate CSS backdrop filter with live preview.

Calculate and visualize monitor curvature from specifications.

Generate customizable SVG placeholder images with text, colors, and dimensions for web development and design mockups.

Compare and convert graphite pencil grades across different brands and scales (HB, numerical, Staedtler, Faber-Castell, Derwent).

Convert between CSS length units including pixels (px), centimeters (cm), millimeters (mm), inches (in), points (pt), and picas (pc).

Convert legacy Internet Explorer CSS to modern standards. Automatically transforms IE-specific filters (opacity, gradients), vendor prefixes (-ms-), old flexbox/grid syntax, selector hacks, and proprietary properties into clean, modern CSS equivalents.

Build Framer Motion spring transition configs with interactive sliders, preview the feel, and copy a ready-to-use snippet.

Generate harmonious color palettes using AI. Describe your desired mood, theme, or style, and let artificial intelligence create a cohesive color scheme with names and descriptions for each color.

Create customizable panels for Twitch, Discord, or social media. Generate professional-looking images for PC specs, rules, about sections, and more with multiple design styles.

Generate customizable test print pages for printer calibration and quality testing. Create pages with color bars, grayscale gradients, alignment marks, text samples, and grid patterns.

Generate and explore CMYK color codes with interactive sliders. Create custom CMYK colors or generate random combinations. Perfect for print design, branding, and color exploration with instant conversion to RGB, HEX, and other formats.

Generate customizable CSS transparency grids with checkerboard patterns for displaying transparent images and elements

Create custom demotivational posters with classic black borders and text

Generate visual keyboard shortcut images for tutorials and documentation. Capture key combinations, choose Windows/Mac/Generic style, and export as PNG, JPG, or WEBP. Perfect for creating help guides, training materials, and software documentation.

Convert CSS styles to Tailwind CSS utility classes instantly. Transform traditional CSS syntax into modern Tailwind classes. Perfect for migrating projects to Tailwind or learning Tailwind equivalents of CSS properties.