Color & Design Tools
12 free tools - no sign-up, runs in your browser
Pick, convert and check colors, gradients, contrast and type scales. Looking for something specific? Search the full directory.
Color Picker (HEX/RGB/HSL)Pick one color and see it in HEX, RGB and HSL together, with shades and copy-ready valuesColor & Design ToolsOpenColor Palette GeneratorBuild a harmonious color palette from a single base color using classic harmony rulesColor & Design ToolsOpenColor Contrast CheckerMeasure a text and background color pair against WCAG contrast ratios for accessibilityColor & Design ToolsOpenGradient Palette ExplorerBrowse a curated bank of two and three stop gradients and copy the CSSColor & Design ToolsOpenColor Shades and Tints GeneratorBuild a full scale of shades and tints around any base colorColor & Design ToolsOpenColor Name FinderFind the nearest named color for any HEX value from a built-in list of 504 namesColor & Design ToolsOpenImage Average Color ExtractorRead an image and report its average and dominant colors with ready-to-copy valuesColor & Design ToolsOpenCSS Variable Palette BuilderTurn a pasted list of colors into a :root block of CSS design tokensColor & Design ToolsOpenColor Blindness SimulatorPreview a palette or an uploaded image as people with color vision deficiencies see itColor & Design ToolsOpenRandom Color GeneratorRoll five random colors at a time and lock the ones you want to keepColor & Design ToolsOpenDuotone Palette MakerMap an image's tones onto a two-color duotone ramp and preview the resultColor & Design ToolsOpenPrint Color Converter (RGB/CMYK)See one color in HEX, RGB, HSL and CMYK together and edit it in any notationColor & Design ToolsOpen
Frequently asked questions
Yes. Every tool on Ovatly is free to use, with no account and no trial period. The site is supported by advertising and sponsored content, never by charging for tools.