Design Utilities
Colour maths and CSS scaffolding for interface work: convert between colour spaces, build palettes and copy production-ready declarations.
6 tools
RGB to HEXConvert red/green/blue channel values into a hexadecimal colour code with a live swatch.HEX to RGBTurn a 3 or 6 digit hex colour into RGB, HSL and CSS-ready values.Colour Palette GeneratorBuild analogous, complementary and monochrome palettes from a single base colour.CSS Gradient GeneratorCompose two-stop linear gradients and copy the CSS declaration.Box Shadow GeneratorDial in offset, blur, spread and colour, preview the result and copy the CSS.Border Radius GeneratorPreview per-corner radii on a live element and copy the shorthand declaration.