color-cli

Convert colors between hex, rgb, and oklch formats.

3|Updated Nov 30, 2025

Search Tags:#design #css #cli #conversion #color #oklch

Ready to run

npx skills add https://github.com/alpoxdev/hypercore-skills --skill color-cli

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: color-cli
Source: https://github.com/alpoxdev/hypercore-skills/tree/main/skills/color-cli
Command: npx skills add https://github.com/alpoxdev/hypercore-skills --skill color-cli

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @kood/color-cli.

What problem does it solve?

This skill eliminates manual color math errors and gamut mapping issues by providing a deterministic, tool-based approach to converting between hex, rgb, and oklch color spaces.

Core Features & Use Cases

Precise Conversion: Instantly convert between color formats while maintaining CSS Color Level 4 compliance.
Batch CSS Transformation: Update entire CSS files to a specific color format with a safe dry-run preview mechanism.
Use Case: When migrating a legacy CSS codebase to modern oklch colors, use this skill to safely convert all color definitions while preserving alpha channels and gamut mapping.

Quick Start

Use the color-cli skill to convert the color #ff0000 to its oklch equivalent.

Frequently Asked Questions about color-cli

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I convert hex colors to oklch format for CSS?▼

You can convert hex colors to oklch by providing the hex value to the skill, which uses the @kood/color-cli tool to perform deterministic color space conversions. This ensures accurate color math and maintains CSS Color Level 4 compliance.

Can I batch convert all color values in a CSS file to oklch?▼

Yes, you can batch convert a CSS file to oklch. The skill performs bulk CSS file format updates and includes a dry-run preview mechanism to safely verify changes before applying them to your codebase.

What is oklch and why should I use it for color conversion?▼

Oklch is a modern color space that offers perceptual uniformity for consistent visual lightness. Converting to oklch with this skill eliminates manual color math errors and handles gamut mapping issues automatically.

Do I need to install any dependencies to use this color conversion skill?▼

Yes, you need the @kood/color-cli package installed globally. This requirement ensures the skill has access to the necessary tooling for accurate color math and CSS compliance during transformations.

Does converting colors to oklch preserve alpha channels and gamut mapping?▼

Yes, converting colors to oklch with this skill preserves alpha channels and handles gamut mapping support. This ensures your migrated CSS maintains visual fidelity across different display gamuts.