Convert Colors for Figma
Get the exact HEX and RGB values to paste into Figma colour pickers and design token systems.
Accepts: HEX (#fff or #ffffff), RGB (255, 255, 255), or HSL (360, 100%, 50%)
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.
So funktioniert es
Warum unseres?
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