Color & Design Utilities
32 tools available. All calculations and file processing stay 100% private in your browser.
Convert 8
- CMYK to RGB Color ConverterConvert print CMYK ink percentages (Cyan, Magenta, Yellow, Black) into on-screen RGB colors.
- HEX to CMYK Color ConverterCalculate mathematical CMYK print percentages from screen HEX color codes.
- HEX to HSL Color ConverterConvert hexadecimal colors into Hue, Saturation, and Lightness (HSL) percentages.
- HEX to RGB Color ConverterConvert hexadecimal color codes (#RRGGBB, #RGB) into RGB, HSL, HSV, and CMYK formats with live preview.
- HSL to HEX Color ConverterConvert Hue, Saturation, and Lightness values into standard hexadecimal web colors.
- RGB to HEX Color ConverterConvert red, green, and blue integer channel values (0-255) into standard hexadecimal web colors.
Create 11
- Analogous Color Palette GeneratorGenerate harmonious neighboring colors by rotating hue by custom degree angles on either side.
- CSS Custom Properties (:root) Palette GeneratorGenerate formatted CSS custom property (:root) variable blocks from color lists.
- Darken Color Tool (Shade Generator)Decrease color lightness by an exact percentage to create rich shades and pressed states.
- Lighten Color Tool (Tint Generator)Increase color lightness by an exact percentage to create soft tints and highlight states.
- Monochromatic Palette GeneratorGenerate multi-step monochromatic lightness scales from a single base color.
- Random Color Palette GeneratorGenerate aesthetic, randomized color palettes using color-wheel harmonies or pastel parameters locally.
Organize & Edit 2
Calculate & Analyze 1
Inspect & Extract 10
- Complementary Color FinderFind the exact opposite (180° hue rotation) complementary color for high-contrast accents.
- CSS Radial Gradient MakerGenerate circular or elliptical CSS radial gradients with custom color stops.
- Extract Color Palette from Image (K-Means)Extract a cohesive 2 to 16 color palette with percentage shares from any uploaded image file.
- Extract Dominant Color from ImageAnalyze an uploaded image locally to determine its primary dominant color, RGB values, and coverage percentage.
- Multi-Stop CSS Linear Gradient MakerDesign complex multi-stop linear gradients specifying exact color stops, percentage positions, and angle.
- Nearest Named CSS Color FinderFind the closest standard named CSS color (e.g. coral, crimson, royalblue) for any hex value.