Color & Design
Designer color palette studio: convert between HEX, RGB, HSL, CMYK, test WCAG accessibility contrast ratios, and generate harmonious gradient palettes.
All Tools in this Category7
Color Contrast Checker
Calculate color contrast ratios and verify WCAG 2.1 AA & AAA accessibility compliance.
RGB to HEX Converter
Convert RGB and RGBA color values to hexadecimal HEX codes with instant live color swatch preview.
CSS Box Shadow Generator
Visual CSS box-shadow generator supporting multi-layer smooth elevation, inset shadows, custom RGBA colors, and 1-click Tailwind CSS copy.
Aspect Ratio Calculator
Calculate display aspect ratios and scale image and video dimensions proportionally.
QR Code Generator
Generate custom, high-resolution QR codes with customizable colors, error correction levels, and SVG/PNG vector downloads.
HEX to RGBA Converter
Convert hexadecimal HEX color codes to CSS rgba(r, g, b, a) values with interactive transparency controls.
CSS Gradient Generator
Interactive online CSS gradient generator for linear, radial, and conic backgrounds with instant Tailwind CSS class export.