Home/Color Tools/CSS Color Generator

CSS Color Code Generator

Generate CSS variables, Tailwind classes, RGBA values, and color rules for web development.

Processed locally
Alpha / Opacity1
rgba(147, 51, 234, 1)
HEX Code#9333EA
RGBrgb(147, 51, 234)
RGBA (with Opacity)rgba(147, 51, 234, 1)
Tailwind BG Classbg-[#9333EA]
Tailwind Text Classtext-[#9333EA]
CSS Custom Property--primary-color: #9333EA;
Sponsored

Related Tools

WCAG Contrast Checker

WCAG accessibility contrast

Color Blindness Simulator

Color blindness preview

Image Color Picker (Design Suite)

Extract palette from image

HEX to RGB Converter

HEX to RGB color code

Frequently Asked Questions

Tailwind CSS supports arbitrary values via square brackets, for example: bg-[#9333ea] or text-[#9333ea].