Convert HEX, RGB, HSL, and check contrast ratios.
Concept explainers that link back to the tools.
Hex and RGB are equivalent ways to express sRGB colors—#RRGGBB vs rgb(r,g,b) each channel 0–255.
WCAG contrast ratio compares foreground and background luminance—4.5:1 minimum for normal text, 3:1 for large text.
Convert HEX colors to RGB and HSL values.
Check WCAG contrast ratios for text and backgrounds.
Layout tools
Spacing scales, rem/px conversion, and grid helpers.
Generators
Gradients, palettes, and design tokens.
Generate colors, spacing scales, and design utilities.
6
tools