All Tools

Free Design Tools

Eight tools for the values a design runs on: convert a color between HEX, RGB and HSL, build a five-colour scheme from one of them, test a text and background pair against the WCAG thresholds, and generate the CSS for gradients, shadows and border radii. A px-to-rem converter and an aspect ratio calculator cover the arithmetic every layout needs. Each one hands you CSS to copy, not a picture of it.

All categories