Color & Design Tools
Design utilities for HEX to RGB/HSL conversions, color palette contrast, and color matching.
Color & Design Tools Tools
Color Matcher
Identify an existing color and convert it across HEX, RGB, and HSL formats, then generate a matching complementary palette and tint/shade scale from it.
Color Picker & Matcher
Select colors, extract HEX, RGB, and HSL values, and match color combinations for design projects.
Color Converter (HEX / RGB / HSL)
Convert between HEX, RGB, and HSL color representations with precise visual feedback.
Color Contrast Checker (WCAG)
Check color contrast ratios against WCAG 2.1 accessibility guidelines for AA and AAA compliance.
Color Palette Generator
Generate harmonized color palettes including complementary, analogous, triadic, and monochromatic schemes.
Color Shade & Tint Generator
Generate lighter tints and darker shades for any base HEX color code.
Aspect Ratio Calculator
Calculate image and video aspect ratios, resize dimensions proportionally, and simplify aspect ratios.
Golden Ratio Calculator
Calculate golden ratio dimensions (φ = 1.618) for typography, layout columns, and design spacing.
Pixel Density Calculator (PPI / DPI)
Calculate screen pixel density (Pixels Per Inch / PPI) based on screen resolution and diagonal size.
PX to REM Converter
Convert pixel values to CSS root em (REM) units based on customizable base font sizes.
REM to PX Converter
Convert CSS REM units back to exact pixel values.