Color converter and CSS gradient maker

Two small tools for picking a color and building a gradient background, with a live preview and code you can drop straight into a stylesheet.

2 tools in this category

• Design & color
  Color Converter
  Paste a HEX code or change the R, G and B values to see the same color as RGB and HSL, with a live swatch underneath.
  ⚡ Client-Side
• Design & color
  CSS Gradient Builder
  Pick two colors and an angle, watch the preview update and copy the ready-made linear-gradient code.
  ⚡ Client-Side