Design & Color Tools
Free online color pickers, HEX/RGB/HSL/CMYK converters, WCAG 2.1 contrast checkers, color blindness simulators, palette generators, and CSS/SVG studios 100% in-browser. All tools run 100% in your browser with zero server uploads and instant processing.
Screen PPI, DPI & Retina Viewing Distance Calculator
Calculate pixel density (PPI), dot pitch (mm), Apple Retina distance threshold, and visual acuity (PPD)
CSS Smooth Shadow & Glassmorphism Studio
Craft silky multi-layer realistic box shadows and frosted glass backdrop-filter surfaces with live canvas preview and instant CSS / Tailwind export
Pick Colors From Image
Pick and inspect exact colors from any image with an interactive pixel magnifier loupe
Image Palette Extractor
Extract harmonious dominant color schemes and weighted palettes from any image
Color Picker
Pick, inspect, and copy HEX, RGB, HSL, and CMYK color codes instantly
HEX Converter
Convert hexadecimal color codes to RGB, HSL, CMYK, and HSV
RGB Converter
Convert RGB and RGBA values to HEX, HSL, and CMYK formats
HSL Converter
Convert HSL and HSLA hue, saturation, and lightness to HEX and RGB
CMYK Converter
Convert print CMYK ink percentages to screen RGB and HEX colors
HEX ↔ RGB Converter
Bi-directional instant converter between Hexadecimal and RGB color codes
RGB ↔ HSL Converter
Two-way converter between RGB color space and cylindrical HSL coordinates
Color Palette Generator
Generate aesthetic harmonious color schemes and palettes with one click
Random Color Generator
Generate random vibrant, pastel, neon, and dark aesthetic colors
Material Color Generator
Generate Google Material Design 50-900 tonal palettes and accent shades
Tailwind Color Converter
Match any custom HEX or RGB color to the closest Tailwind CSS color and shade
Color Blindness Simulator
Simulate color perception for Protanopia, Deuteranopia, Tritanopia, and Achromatopsia
Contrast Checker
Calculate color contrast ratio between text and background with live preview
WCAG Contrast Checker
Verify WCAG 2.1 & 2.2 accessibility compliance for AA and AAA standards
Gradient Generator
Design custom multi-stop linear, radial, and conic gradients interactively
CSS Gradient Generator
Generate clean, modern CSS background gradient code and Tailwind classes
SVG Generator
Generate layered SVG page waves, organic vector blobs, and clean graphics
CSS Shadow Generator
Create multi-layer CSS box shadows and drop shadows with 3D preview
CSS Border Generator
Design CSS borders, individual corner radii, and 8-point ellipse shapes
CSS Button Generator
Design interactive UI buttons with gradients, hover states, and shadows
CSS Glassmorphism Generator
Generate modern frosted glass effects with backdrop blur and specular borders
CSS Animation Generator
Create custom CSS @keyframes animations: bounce, pulse, float, and shake
Favicon Generator
Generate multi-size web favicons, Apple Touch icons, and manifest snippets
Harmonic Color Palette & WCAG 2.2 Contrast Studio
Generate aesthetic UI palettes and instantly audit WCAG 2.2 AAA/AA and APCA contrast ratios with CSS export
No tools found matching your filter.
Try selecting another subcategory tab or clearing the search query.