Convert Colors for Figma

Get the exact HEX and RGB values to paste into Figma colour pickers and design token systems.

لاگ ان کی ضرورت نہیں

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

Figma tips

🖌️

Figma accepts HEX, RGB (0–255), or HSL (0–360, 0–100, 0–100). Use this converter to get all three from a single starting colour.

💡

Figma's "Styles" panel lets you save colours as tokens. Copy the HEX value here and paste it when creating a new Colour Style.

🎨

Opacity in Figma is set separately — you don't need rgba(). Just use the RGB values and set opacity with the layer opacity slider.

📐

Figma Variables (design tokens) support RGB as a color mode. Copy the r, g, b values from the CSS RGB output for your variable definition.

یہ کیسے کام کرتا ہے

ان پٹ

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 Web Design

Get HEX, RGB, and HSL values for any colour — read

🖨️

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

اکثر پوچھے جانے والے سوالات

Back to Color Converter