Gradient Builder

Good to know

• 0deg on a linear gradient points upward and the angle turns clockwise, which catches people out: 90deg runs left to right, not the other way.
• A radial gradient has no angle to set, so that control disappears rather than sitting there doing nothing.
• Colours are written as rgb(), which every browser in use understands. Copy the OKLCH form from the converter if you would rather interpolate in that space.
• The preview is the same CSS you copy — it is applied to the box above rather than drawn some other way.