The Toolkit
Contrast Checker
Validate text and background color pairings against WCAG 2.1 AA and AAA standards.
HEX to RGB Converter
Instant bidirectional conversion with alpha channel support.
Box Shadow Generator
Generate layered, brutalist, or soft shadows. Export direct CSS.
Fluid Type Scale
Calculate CSS clamp() values for perfectly scaling typography.
PX to REM Converter
Convert pixels to relative em units based on root font size.
Aspect Ratio Calculator
Calculate proportional dimensions for images and video containers.
Border Radius Generator
Create complex, organic shapes using 8-value border-radius.
Golden Ratio Grid
Calculate harmonious layout dimensions using the golden ratio (1.618).
Color Blindness Simulator
Preview hex colors through Protanopia, Deuteranopia, and Tritanopia matrices.
HSL to HEX
Convert Hue, Saturation, Lightness values to standard HEX format.
CSS Triangle Generator
Generate CSS code for directional pure-CSS triangles using borders.
Z-Index Scale Planner
Plan and generate a sane CSS z-index scale variable system.