Color & Design
Colour conversion, contrast checks and copy-paste CSS for gradients, shadows, glass and more.
20 free color & design tools. Every tool runs in your browser, works without an account, and processes files locally whenever the browser allows it.
By the utils.sbs team · Reviewed November 2026
The shelf
All color & design tools
20 tools · updated for 2026
- HEX to RGBConvert a hex colour to RGB values.
- RGB to HEXConvert RGB channels into a hex colour code.
- HEX to HSLConvert hex colours to HSL for easier editing.
- HSL to HEXTurn HSL values into a hex colour.
- RGB to HSLConvert RGB channels to hue, saturation and lightness.
- HSL to RGBConvert HSL values to RGB channels.
- CMYK ConverterConvert between RGB/HEX and CMYK print values.
- Color PickerpopularPick a colour and copy it in any format.
- Contrast CheckerCheck WCAG contrast ratios for text and backgrounds.
- Palette GeneratorGenerate harmonious five-colour palettes from a base colour.
- Gradient GeneratorDesign linear or radial CSS gradients and copy the code.
- Box Shadow GeneratorCraft layered CSS box shadows visually.
- Glassmorphism GeneratorGenerate frosted-glass CSS with blur and transparency.
- Tint & Shade GeneratorCreate lighter and darker steps from one colour.
- Random Color GeneratorGenerate random colours with hex, RGB and HSL values.
- CSS Variables GeneratorTurn a palette into ready-to-paste CSS custom properties.
- Gradient Text GeneratorCreate CSS gradient text with a fallback colour.
- Border Radius GeneratorDesign custom rounded corners and copy the CSS.
- Text Shadow GeneratorCreate readable CSS text shadows visually.
- CSS Filter GeneratorCombine CSS filters and copy the resulting rule.
How this shelf works
About color & design tools
Color & Design tools handle the small, repeatable jobs that show up between real work: palettes and css. They are built as focused utilities, so each page does one job without asking you to create an account or install software.
Open a tool, add your input, adjust the settings, and download the result. Processing happens in the browser using the platform APIs available for that file type. Files are not uploaded to a server, so the tool keeps working offline once the page has loaded.
Looking for something else? Browse the full tool index or search the catalogue from the homepage.
Color & Design tool questions
Are color & design tools free?
Yes. Every color & design tool on utils.sbs is free, requires no account, and has no per-file or per-use charge.
Are my files uploaded when I use a color & design tool?
No. The tools are designed to process input in the browser whenever the platform API allows it. Files are not uploaded to a server for processing.
Do I need to install anything to use these tools?
No. Everything runs in a modern web browser. Open a tool page, use the workspace, and download the result.
How do I choose the right color & design tool?
Each tool page describes what it does, its input and output formats, the engine it uses, and its limitations. Start with the description that matches your job, then open the tool page for the workspace and step-by-step guide.