100%
HEX
#6366F1
RGB
rgb(99, 102, 241)
RGBA
rgba(99, 102, 241, 1)
HSL
hsl(239, 84%, 67%)
Frequently asked questions
What does the opacity slider do?
It sets opacity from 0 (fully transparent) to 100% (fully opaque). The preview swatch sits on a checkerboard so you can see the transparency effect, and the RGBA output carries the alpha value.
Which formats do I get?
HEX, RGB, RGBA and HSL, each with its own copy button. RGBA is best for CSS with transparency; HEX is the most compact.
Does it accept short HEX codes?
Yes. Both 3-digit codes like #36f and 6-digit codes like #3366ff work.
Preview
Related free tools
Free CSS Button Generator | Style Buttons Online
Free CSS button generator. Customize colors, padding, and radius with live preview, then c
Free HEX RGB HSL Color Converter
Free color converter. Convert between HEX, RGB and HSL instantly, preview the color and co
Free Color Contrast Checker | WCAG Accessibility Tool
Free color contrast checker. Test text and background colors against WCAG AA and AAA stand