LibraTool logoLibraTool
🎨
πŸ–ŒοΈ

Convert Colors for Figma

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

Tiada log masuk diperlukan

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.

Cara ia berfungsi

1
Masukkan
Enter your data into the tool above. Everything stays local to your browser.
2
Proses
The tool processes your data instantly in your browser using JavaScript. No server, no waiting.
3
Muat turun
Get your result instantly. Nothing is stored after you leave the page β€” complete privacy.

Mengapa alat kami?

βœ“Percuma sepenuhnya β€” tiada kos tersembunyi, selama-lamanya
βœ“Tiada akaun, e-mel atau log masuk diperlukan
βœ“Fail tidak pernah meninggalkan peranti anda
βœ“Tiada had saiz fail langsung
βœ“Tiada tera air pada sebarang output

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

Soalan lazim

Back to Color Converter