Color Converter & Builder

Color Converter

Enter Hex (e.g., #1e3a8a), RGB (e.g., 30, 58, 138), or HSL (e.g., 217, 73%, 59%)

#3b82f6

CSS Property

Hex Code

RGB Value

HSL Value

Color Stop 1 (Hex)

Color Stop 2 (Hex)

Angle ($\degree$)

90$\degree$

CSS Gradient Code

Live Gradient Preview