1. Converting Brand Colors for CSS
Frontend DeveloperBackground
The design team provided a brand color palette in LCH format, but the existing codebase relies on HSL for all CSS variables.
Problem
Need to convert the primary brand color 'lch(50, 50, 180)' into a valid CSS HSL string.
How to use
Input 'lch(50, 50, 180)' into the LCH Input field and select 'css' as the Output Format.
format: cssOutcome
The tool outputs 'hsl(180, 100%, 50%)', which can be directly pasted into the CSS file.