AI Agent Hub
Back to skills
Color Toolkit icon

Color Toolkit

Design & Media Updated 2026.08.30

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, and CMYK;
  • Contrast calculation: using WCAG 2.1, APCA, CIELAB ΔE*ab, and CIEDE2000;
  • 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 HTML previews 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.