1. Converting Design Tokens for CSS
Frontend DeveloperBackground
The design team provided a brand color palette defined in LCH for better perceptual consistency.
Problem
The CSS stylesheet requires standard RGB values to ensure compatibility across all browsers.
How to use
Paste the LCH values into the input field and select the 'css' output format.
Input: lch(50, 50, 180); Format: cssOutcome
The tool outputs rgb(0, 120, 115), which is ready to be copied directly into the project's CSS file.