Color Toolkit
Paste the following prompt into your AI chat to install this skill:
Follow https://skillhub.cn/install/skillhub.md to install @user_800d68d6/color-toolkit-turn into your AI assistant.
About this skill
What problem it solves
When working on front-end, UI, or data-visualization tasks, colors are often scattered across HEX, RGB, HSL, and CMYK representations, while also requiring contrast checks, accessibility review, harmonious palettes, and quick previews. color-toolkit-turn groups these color-engineering tasks into one callable skill for fast conversions, contrast evaluation, and palette generation.
How it works
It triggers on explicit color tasks such as “convert this color,” “calculate contrast,” or “recommend a palette.” Core capabilities include:
- Encoding conversion: between
HEX,RGB,HSL,HSV, andCMYK; - Contrast calculation: using
WCAG 2.1,APCA,CIELAB ΔE*ab, andCIEDE2000; - Accessibility guidance: filtering usable foreground/background colors by font size, weight, and target level;
- Palette generation: complementary, triadic, tetradic, and analogous schemes;
- Preview and recommendation: single-color or multi-color
HTMLpreviews and description-based color recommendations.
A typical run starts from an input color, validates the format, performs conversion, contrast, or palette logic, then returns encoded values, evaluation notes, or preview output. The skill uses progressive documentation, with a compact entry point and detailed parameters, examples, and caveats loaded from references/*.md as needed.
Boundaries
It fits structured color-engineering questions rather than chat or one-step trivial answers. Supported inputs include 3- or 6-character HEX, RGB values clipped to 0-255, and angles limited to 0-360. It requires Python 3.8+ and standard-library modules only. For brand-specific systems or stricter design-system rules, still validate against your team's design specifications.
Use Cases
- Front-end dev converting HEX to RGB and checking contrast.
- UI designer building triadic palettes and HTML previews.
- Accessibility reviewer picking AA/AAA colors by font size.
- Data-viz engineer comparing theme colors and checking HEX.
Best For
- Front-end developers needing HEX/RGB conversion and WCAG contrast checks.
- UI designers building harmonious palettes and HTML color previews.
- Accessibility reviewers selecting compliant colors by size and target.
- Data-viz engineers comparing theme colors and validating HEX input.
Related Skills
Converts image sequences, videos, or screen recordings into GIFs with Python, supporting timing, looping, optimization, and quick command-line use.
Adds white text, a yellow bar, and optional translucent masks to photos using OpenCV and Pillow.
Call Mew image and design APIs in two stages to create an emotional background and compose a share-ready quote check-in poster.
Generate felt-craft pendant designs, part breakdowns, and structured analysis from a product image or Base64 input.