This skill converts HSL color values to OKLCH color values. It can process single or multiple colors, provided either directly by the user or from a specified file.
This skill automates the conversion of HSL color definitions to the OKLCH color space, leveraging Playwright to interact with the oklch.com web tool. It handles both individual color strings and batch conversions from files, replacing original HSL values with their OKLCH equivalents.
Use this skill when:
To use this skill, follow these steps:
Launch Playwright and Navigate:
https://oklch.com.Select HSL Input Mode:
Perform Color Conversion:
For direct HSL input:
oklch(38.927493438 193.48 124.936836), truncate the numerical components to two decimal places (e.g., oklch(38.92 193.48 124.93)).For file input:
Read tool.Grep tool with a regular expression to find all HSL color values in the file.Edit tool to replace the original HSL value with the new OKLCH value in the file.Repeat for Multiple Colors: If there are more colors to convert, repeat step 3 for each color. If processing a file, the iteration will be handled within the file processing logic.