Convert hex, RGB, and HSL colors to OKLCH and generate palettes.
npx skills add https://github.com/soloamente/still --skill oklch-skill-soloamente
Please help me install this Agent Skill. Skill: oklch-skill Source: https://github.com/soloamente/still/tree/main/.agents/skills/oklch-skill Command: npx skills add https://github.com/soloamente/still --skill oklch-skill-soloamente
This Skill unit helps manage the OKLCH color space in web projects, addressing issues related to color conversion, palette generation, and accessibility.
Use the oklch skill to convert a hex color to OKLCH: convert-color #f00 to oklch.
High-intent search queries and answers about installing and using this skill.
You can convert hex, RGB, or HSL colors to the OKLCH color space by passing the color value to this skill, which manages the conversion logic for web development.
Yes, you can generate color palettes with consistent luminance and hue for Tailwind CSS v4. The skill manages palette creation while checking contrast ratios and gamut boundaries.
OKLCH is a color space representing lightness, chroma, and hue, designed for perceptual uniformity. You need it for web projects requiring consistent luminance and accessible contrast across palettes.
Yes, OKLCH palette generation includes built-in contrast checks to verify accessibility ratios. It also handles color gamut boundaries to ensure your generated palettes remain visually safe and accessible.
Before using OKLCH for color conversion, you need knowledge of color spaces and web design best practices. Familiarity with Tailwind CSS v4 color theming is also required to fully utilize its integration features.
mikkerConvert hex, rgb, hsl inputs to OKLCH values for Tailwind v4 theming.
fusengineManages CSS variables, OKLCH colors and light-dark themes for shadcn/ui components.
tenequmApply Tailwind CSS utility classes and shadcn/ui patterns to style React interfaces.
47networkGenerate OKLCH color palettes, WCAG contrast, and color blindness simulations.
