Gradient Creator
This tool lets a user pick the start and end colors to display a gradient box based on these values. The user can even pick from Tailwind colors. This will give CSS linear-gradient results for both HSL and RGB values.
Start Color
H
Hue
S
Saturation
L
Lightness
Tailwind
Tailwind
End Color
H
Hue
S
Saturation
L
Lightness
linear-gradient(180deg, rgb(230,25,25), rgb(25,25,230))
linear-gradient(180deg, hsl(0 80% 50%), hsl(240 80% 50%))