TOOLADEX
light

Design Tools

Design tools for creators and developers. Generate color palettes, convert colors, create gradients, check contrast ratios, pair fonts, and access professional design utilities. All tools work directly in your browser.

Color Palette Generator

Generate beautiful color palettes for your designs. Create random, complementary, analogous, and triadic color schemes with hex, RGB, and HSL codes.

Color Shades Generator

Generate lighter and darker shades from any base color. Create consistent color scales for design systems, CSS variables, and Tailwind-style palettes. Copy hex, RGB, HSL, or CSS.

Color Converter

Convert colors between HEX, RGB, RGBA, HSL, HSV, and CMYK formats instantly. Paste one color and get all formats with one click. Free online color converter.

Color Name Finder

Find the closest color name for any hex, RGB, or HSL code. Uses perceptual color matching (Delta-E) with HTML, X11, NTC, and other name lists. Free online color name finder.

Random Color Generator

Generate random colors instantly. Get cryptographically random hex, RGB, and HSL values with one click. Perfect for design inspiration, palettes, and testing.

HEX Color Converter

Convert HEX colors to RGB, RGBA, HSL, HSV, and CMYK instantly (e.g., #3B82F6 → rgb(59, 130, 246)). Free online RGB color converter.

RGB Color Converter

Convert RGB colors to HEX, RGBA, HSL, HSV, and CMYK instantly (e.g., rgb(59, 130, 246) → #3B82F6). Free online RGB color converter.

RGBA Color Converter

Convert RGBA colors to HEX, RGB, HSL, HSV, and CMYK instantly (e.g., rgba(59, 130, 246, 0.5) → #3B82F6). Free online RGBA color converter.

HSL Color Converter

Convert HSL colors to HEX, RGB, RGBA, HSV, and CMYK instantly (e.g., hsl(217, 91%, 60%) → #3B82F6). Free online HSL color converter.

HSV Color Converter

Convert HSV colors to HEX, RGB, RGBA, HSL, and CMYK instantly (e.g., hsv(217, 77%, 96%) → #3B82F6). Free online HSV color converter.

HEX to RGB Color Converter

Convert HEX to RGB instantly (e.g., #3B82F6 → rgb(59, 130, 246)). Free online HEX to RGB color converter.

HEX to RGBA Color Converter

Convert HEX to RGBA instantly (e.g., #3B82F6 → rgba(59, 130, 246, 0.5)). Free online HEX to RGBA color converter.

HEX to HSL Color Converter

Convert HEX to HSL instantly (e.g., #3B82F6 → hsl(217, 91%, 60%)). Free online HEX to HSL color converter.

HEX to HSV Color Converter

Convert HEX to HSV instantly (e.g., #3B82F6 → hsv(217, 77%, 96%)). Free online HEX to HSV color converter.

HEX to CMYK Color Converter

Convert HEX to CMYK instantly (e.g., #3B82F6 → cmyk(76%, 47%, 0%, 4%)). Free online HEX to CMYK color converter.

RGB to HEX Color Converter

Convert RGB to HEX instantly (e.g., rgb(59, 130, 246) → #3B82F6). Free online RGB to HEX color converter.

RGB to RGBA Color Converter

Convert RGB to RGBA instantly (e.g., rgb(59, 130, 246) → rgba(59, 130, 246, 0.5)). Free online RGB to RGBA color converter.

RGB to HSL Color Converter

Convert RGB to HSL instantly (e.g., rgb(59, 130, 246) → hsl(217, 91%, 60%)). Free online RGB to HSL color converter.

RGB to HSV Color Converter

Convert RGB to HSV instantly (e.g., rgb(59, 130, 246) → hsv(217, 77%, 96%)). Free online RGB to HSV color converter.

RGB to CMYK Color Converter

Convert RGB to CMYK instantly (e.g., rgb(59, 130, 246) → cmyk(76%, 47%, 0%, 4%)). Free online RGB to CMYK color converter.

RGBA to HEX Color Converter

Convert RGBA to HEX instantly (e.g., rgba(59, 130, 246, 0.5) → #3B82F6). Free online RGBA to HEX color converter.

RGBA to RGB Color Converter

Convert RGBA to RGB instantly (e.g., rgba(59, 130, 246, 0.5) → rgb(59, 130, 246)). Free online RGBA to RGB color converter.

RGBA to HSL Color Converter

Convert RGBA to HSL instantly (e.g., rgba(59, 130, 246, 0.5) → hsl(217, 91%, 60%)). Free online RGBA to HSL color converter.

RGBA to HSV Color Converter

Convert RGBA to HSV instantly (e.g., rgba(59, 130, 246, 0.5) → hsv(217, 77%, 96%)). Free online RGBA to HSV color converter.

RGBA to CMYK Color Converter

Convert RGBA to CMYK instantly (e.g., rgba(59, 130, 246, 0.5) → cmyk(76%, 47%, 0%, 4%)). Free online RGBA to CMYK color converter.

HSL to HEX Color Converter

Convert HSL to HEX instantly (e.g., hsl(217, 91%, 60%) → #3B82F6). Free online HSL to HEX color converter.

HSL to RGB Color Converter

Convert HSL to RGB instantly (e.g., hsl(217, 91%, 60%) → rgb(59, 130, 246)). Free online HSL to RGB color converter.

HSL to RGBA Color Converter

Convert HSL to RGBA instantly (e.g., hsl(217, 91%, 60%) → rgba(59, 130, 246, 0.5)). Free online HSL to RGBA color converter.

HSL to HSV Color Converter

Convert HSL to HSV instantly (e.g., hsl(217, 91%, 60%) → hsv(217, 77%, 96%)). Free online HSL to HSV color converter.

HSL to CMYK Color Converter

Convert HSL to CMYK instantly (e.g., hsl(217, 91%, 60%) → cmyk(76%, 47%, 0%, 4%)). Free online HSL to CMYK color converter.

HSV to HEX Color Converter

Convert HSV to HEX instantly (e.g., hsv(217, 77%, 96%) → #3B82F6). Free online HSV to HEX color converter.

HSV to RGB Color Converter

Convert HSV to RGB instantly (e.g., hsv(217, 77%, 96%) → rgb(59, 130, 246)). Free online HSV to RGB color converter.

HSV to RGBA Color Converter

Convert HSV to RGBA instantly (e.g., hsv(217, 77%, 96%) → rgba(59, 130, 246, 0.5)). Free online HSV to RGBA color converter.

HSV to HSL Color Converter

Convert HSV to HSL instantly (e.g., hsv(217, 77%, 96%) → hsl(217, 91%, 60%)). Free online HSV to HSL color converter.

HSV to CMYK Color Converter

Convert HSV to CMYK instantly (e.g., hsv(217, 77%, 96%) → cmyk(76%, 47%, 0%, 4%)). Free online HSV to CMYK color converter.

CMYK to HEX Color Converter

Convert CMYK to HEX instantly (e.g., cmyk(76%, 47%, 0%, 4%) → #3B82F6). Free online CMYK to HEX color converter.

CMYK to RGB Color Converter

Convert CMYK to RGB instantly (e.g., cmyk(76%, 47%, 0%, 4%) → rgb(59, 130, 246)). Free online CMYK to RGB color converter.

CMYK to RGBA Color Converter

Convert CMYK to RGBA instantly (e.g., cmyk(76%, 47%, 0%, 4%) → rgba(59, 130, 246, 0.5)). Free online CMYK to RGBA color converter.

CMYK to HSL Color Converter

Convert CMYK to HSL instantly (e.g., cmyk(76%, 47%, 0%, 4%) → hsl(217, 91%, 60%)). Free online CMYK to HSL color converter.

CMYK to HSV Color Converter

Convert CMYK to HSV instantly (e.g., cmyk(76%, 47%, 0%, 4%) → hsv(217, 77%, 96%)). Free online CMYK to HSV color converter.

Gradient Generator

Create beautiful CSS gradients for your designs. Generate linear, radial, and conic gradients with custom color stops and copy the CSS code instantly.

CSS Box Shadow Generator

Generate CSS box-shadow values visually. Set offset, blur, spread, color, and inset. Add multiple shadows and copy the CSS instantly.

CSS Border Radius Generator

Generate CSS border-radius values visually. Set one value for all corners or per-corner radii in px or %. Copy the CSS instantly.

CSS Text Shadow Generator

Generate CSS text-shadow values visually. Set offset, blur, and color. Add multiple shadows and copy the CSS instantly.

Color Contrast Checker

Check color contrast ratios for WCAG accessibility compliance. Test foreground and background color combinations to ensure your designs are accessible to all users.

Accessible Color Palette Checker

Check your entire color palette for WCAG accessibility. Test every text-on-background combination and see which pairs pass or fail contrast requirements.

Relative Luminance Calculator

Calculate the WCAG relative luminance of any color. Understand how the human eye perceives brightness and ensure your designs meet accessibility standards.

Font Pairing Tool

Find the perfect font pairings for your designs. Preview and test typography combinations with instant CSS code generation.