HSL to OKLCH Converter

About

This skill streamlines the transition from traditional HSL color definitions to modern OKLCH values by automating interactions with the oklch.com web tool via Playwright. It supports both manual input for quick conversions and batch processing for existing codebases, automatically identifying HSL strings within files and replacing them with formatted OKLCH equivalents. By leveraging the perceptually uniform properties of OKLCH, this skill helps developers ensure better color consistency and accessibility in their design systems while maintaining clean, truncated numerical output.

Key Features

• Automated HSL to OKLCH conversion using Playwright and oklch.com
• Automatic numerical formatting and decimal truncation for output consistency
• Regular expression-based identification of color strings
• 0 GitHub stars
• Batch processing of files to replace HSL values in situ
• Direct single-color conversion through user prompts

Use Cases

• Ensuring design system colors are perceptually uniform for better accessibility
• Automating batch color updates across multiple source files
• Modernizing legacy CSS files by upgrading HSL color tokens to OKLCH