Tool category
Color & Design Tools
Explore colors, measurements, and practical design values.
Available tools
Color Picker
Pick a color and copy its HEX, RGB, and HSL values, with an optional alpha channel.
HEX to RGB
Convert short or full HEX colors to RGB or RGBA and copy the CSS color value.
RGB to HEX
Convert red, green, and blue channel values to HEX, including opacity when needed.
HEX to HSL
Convert HEX colors to HSL or HSLA with hue, saturation, and lightness values.
HSL to HEX
Convert hue, saturation, and lightness to a HEX color, with optional opacity.
Color Palette Generator
Create five-color palettes from a base color using analogous, complementary, triadic, or shade schemes.
Random Color Generator
Generate up to 20 random sRGB colors with copyable HEX, RGB, and HSL values.
Color Contrast Checker
Check the contrast ratio between two opaque HEX colors and compare WCAG AA and AAA text thresholds.
CSS Gradient Generator
Build linear or radial CSS gradients with two or three color stops and copy the background declaration.
CSS Box Shadow Generator
Configure an outer or inset CSS box shadow and copy the declaration after previewing it.
CSS Border Radius Generator
Set each corner radius visually using pixels or percentages, then copy the CSS declaration.
Aspect Ratio Calculator
Simplify width-to-height ratios or calculate a missing dimension while preserving an aspect ratio.
PX to REM Converter
Convert pixel values to rem using your chosen root font size, including fractional and negative values.
REM to PX Converter
Convert rem values to CSS pixels using a configurable root font size.