Which format should I use?
HEX is the most common for web design and brand guides. RGB is handy for transparency via rgba(). HSL makes it easy to create lighter and darker shades of the same hue by changing only the lightness value.
Color Converter & Picker
Pick a color or paste a HEX code to get RGB and HSL values ready for CSS.
On light
On dark
#6366F1HEX — click to copy
rgb(99, 102, 241)RGB — click to copy
hsl(239, 84%, 67%)HSL — click to copy
Design workflow
Combine with the QR Code Generator for branded codes, or edit images with the Pro Photo Editor.