Convert Colors for Web Design

Get HEX, RGB, and HSL values for any colour — ready to paste into CSS or Tailwind.

कोई लॉगिन आवश्यक नहीं

Color input

Accepts: HEX (#fff or #ffffff), RGB (255, 255, 255), or HSL (360, 100%, 50%)

Presets:

HEX#14B8A6

RGBrgb(20, 184, 166)

HSLhsl(173, 80%, 40%)

HSVhsv(173, 89%, 72%)

CMYKcmyk(89%, 0%, 10%, 28%)

CSS RGB20, 184, 166

Lightness scale

Click any swatch to switch to that shade

Web Design tips

🌐

CSS supports all three formats: hex (#14b8a6), rgb(20, 184, 166), and hsl(174, 80%, 40%). Pick whichever matches your codebase conventions.

🎨

HSL is often easier to work with when building colour scales — just adjust the lightness (L) value to get lighter or darker shades.

💡

Tailwind CSS uses HEX values in its config. Copy the HEX output and use it directly in tailwind.config.ts for custom colours.

🖥️

For CSS custom properties (variables), use the RGB triplet without rgb(): --color-primary: 20, 184, 166. Then reference with rgb(var(--color-primary)).

यह कैसे काम करता है

दर्ज करें

Enter your data into the tool above. Everything stays local to your browser.

प्रसंस्करण करें

The tool processes your data instantly in your browser using JavaScript. No server, no waiting.

डाउनलोड करें

Get your result instantly. Nothing is stored after you leave the page — complete privacy.

हमारा उपयोग क्यों करें?

✓पूरी तरह मुफ़्त — कोई छुपी लागत नहीं, कभी नहीं

✓कोई खाता, ईमेल या लॉगिन आवश्यक नहीं

✓फ़ाइलें कभी भी आपके डिवाइस से बाहर नहीं जातीं

✓किसी भी तरह की फ़ाइल आकार सीमा नहीं

✓किसी भी आउटपुट पर कोई वाटरमार्क नहीं

Also check out…

🖨️

Convert Colors for Print (CMYK)

Convert screen colours (HEX/RGB) to CMYK values fo

🎨

Build Color Palettes for Design Systems

Convert brand colours across all formats and gener

♿

Check Colour Contrast for Accessibility

Convert colours to get RGB values for use in contr

🖌️

Convert Colors for Figma

Get the exact HEX and RGB values to paste into Fig

अक्सर पूछे जाने वाले प्रश्न

Back to रंग परिवर्तक