design tools

• Box Shadow Generator

  Build a CSS box-shadow value from offset, blur, spread and color, in your browser.

• Color Contrast Checker

  Check the WCAG contrast ratio between two colors and see which accessibility levels they pass.

• Color Converter

  Convert a color between HEX, RGB and HSL. Paste any format and see the others instantly, in your browser.

• CSS Gradient Generator

  Build a linear or radial CSS gradient with a live preview, entirely in your browser.