Convert HSL colors to OKLCH format
hsl-to-oklch-converterskillsetup L1★381
majiayu000/claude-skill-registry ↗What it does
Convert HSL color values to OKLCH color space
Best for
Batch-converting CSS color schemes from HSL to perceptually-uniform OKLCH for improved color consistency and accessibility.
Inputs
- · Single HSL color string or file path containing HSL values
- · Format: hsl(h, s%, l%) or from CSS/SCSS file
Outputs
- · OKLCH color string (oklch(L, C, H))
- · Truncated to 2 decimal places
- · Updated file with OKLCH values replacing HSL
Requires
- · Playwright (to interact with oklch.com web tool)
- · oklch.com website (remote color space converter)
Preconditions
- · Playwright MCP available
- · Network access to oklch.com
- · HSL values in valid format
Failure modes
- · oklch.com is unreachable or loads differently
- · Playwright element selectors change on site update
- · Input field not recognized causing type failure
- · Floating-point precision loss during conversion
Trust signals
- · Uses official oklch.com tool (trusted reference)
- · Handles both single colors and batch file processing
- · Truncation rule (2 decimals) prevents precision artifacts