Design & style

Fill your entire screen with any color

Mix white, pink, and brown noise with rain, ocean, and wind sounds to create a custom ambient soundscape for focus, sleep, or relaxation.

Create a customizable Matrix-style digital rain of falling characters with adjustable colors, speed, and character sets, plus fullscreen screensaver mode.

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

Round the corners of images with custom radius. Create rounded corner photos with transparent backgrounds.

Add customizable borders to images with solid, dashed, dotted, or double styles

Generate QR codes with rounded modules and corners, adjustable roundness and custom colors. Download as PNG, JPG, WebP or SVG.

Generate a QR code with your logo in the center, using high error correction so it still scans. Download as PNG, JPG, WebP or SVG.

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).

Interactive preview and reference for all CSS cursor values with live demonstration