Color Converter for Figma — Hex, RGB, HSL Formats
Quick Answer: Figma displays colors in hex by default but internally uses RGB float values (0-1 range). Enter any color to convert between hex (#1a73e8), Figma RGB (0.10, 0.45, 0.91), CSS RGB (rgb(26, 115, 232)), and HSL formats.
rgb(109, 40, 217)
hsl(263, 70%, 50%)
CSS Values
color: #6d28d9;
color: rgb(109, 40, 217);
color: hsl(263, 70%, 50%);
FAQ
What color format does the Figma API use?
The Figma REST API returns colors as RGB floats between 0 and 1: { r: 0.102, g: 0.451, b: 0.910, a: 1 }. Multiply by 255 to convert to standard RGB.
How do I copy a color from Figma to CSS?
Click the color swatch in Figma and select the hex value. For CSS, use the hex directly or convert to the format your design system uses (HSL, RGB, OKLCH).