Design Tools
Small helpers for designers and front-end developers: convert colors, check accessibility and build gradients visually.
About Design Tools
The design suite on i40x gives web designers, developers and content creators three focused tools for everyday color work. Convert a color between HEX, RGB, HSL and CMYK, test whether text and background colors meet accessibility guidelines, or build a gradient and copy the CSS straight into your stylesheet. They are designed to be quick: no installation, no account and no waiting.
Every tool runs in your browser, so nothing you enter is uploaded. The suite contains the color converter with ready-made palettes, the color contrast checker with WCAG AA and AAA results, and the CSS gradient generator for linear, radial and conic gradients. All three are free and need no sign-up. Use them on a phone or a desktop whenever a color question comes up.