Design Tools
Easier-to-scan cards for Color Picker and Gradient Generator, plus a focused workspace below.
Design Tools Suite
Choose your design tool
Everything for quick visual work: colors, gradients, and ready-to-copy CSS output.
2
Tools
CSS
Output
Start with a tool card below, then use the workspace panel.
Design Tools Suite
Color picker workspace
Tap to pick
HEX#6366f1
RGBrgb(99, 102, 241)
HSLhsl(239, 84%, 67%)
Shade palette
Swatches share the same hue and saturation; only lightness changes. Tap one to make it active and copy its hex.