Home / CSS & Design
8 utilities
CSS & Design
Color, contrast, gradients, shadows, and front-end snippets with live preview.
Color Converter
Convert HEX, RGB, and HSL with a live swatch.
Contrast Checker
Measure WCAG contrast between two colors.
Gradient Generator
Build a CSS linear or radial gradient.
Box Shadow Studio
Tune a layered box-shadow and copy CSS.
Border Radius Studio
Preview and copy individual corner radii.
Palette from Seed
Derive tints and shades from one hex color.
Placeholder SVG
Generate a colored SVG placeholder.
Aspect Ratio Helper
Compute missing width or height for a ratio.