cyberneticlibrary
← library

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