skills.rest
martynovs
martynovsCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

pastel

Generate and convert color palettes across hex, rgb, hsl, lch, and oklab formats.

Updated Sep 1, 2024
Search Tags:#accessibility#terminal#colors#gradient#palette-generation#color-conversion#pastel-cli
One-click install
npx skills add https://github.com/martynovs/dotfiles --skill pastel
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: pastel
Source: https://github.com/martynovs/dotfiles/tree/main/dot_claude/skills/pastel
Command: npx skills add https://github.com/martynovs/dotfiles --skill pastel

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides fast, scriptable color tooling to generate, convert, manipulate, and preview colors and palettes so designers and developers can create consistent theming and verify accessibility without manual color math.

Core Features & Use Cases

  • Inspect and convert colors between named, hex, rgb, hsl, lch, oklab and other formats.
  • Generate color schemes including complementary, analogous, triadic, tetradic, gradients, distinct palettes, and random sets.
  • Manipulate colors by lightening, darkening, saturating, rotating hue, mixing, and setting explicit properties to build tonal scales.
  • Accessibility and validation: compute readable text color, simulate colorblindness, and check terminal 24-bit support.
  • Use Case: Produce a full UI palette from a brand color, export a tonal scale for design tokens, and verify contrast for accessible text.

Quick Start

Use the pastel CLI to generate a six-color distinct palette from the seed color #3498db and preview the colors in your terminal.

Frequently Asked Questions about pastel

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

FAQPage Schema
How do I generate a color palette from a hex color for UI design?▼

You can generate a color palette from a hex color by producing complementary, analogous, triadic, or distinct sets. This builds consistent UI theming directly from a brand color without manual color math.

How do I convert hex to oklab or lch color formats?▼

Convert hex to oklab or lch formats by inspecting and transforming color representations across hex, rgb, hsl, lch, and oklab. This enables precise scriptable color conversion for design tokens.

Can I check color accessibility and contrast for terminal workflows?▼

Yes, you can check color accessibility by computing readable text color and simulating colorblindness. This verifies accessible contrast ratios and validates 24-bit terminal color support.

What's the best way to create a gradient or tonal scale for design tokens?▼

Create a tonal scale by manipulating colors through lightening, darkening, saturating, and mixing. This generates gradient palettes and explicit tonal scales for design token exports.

Does this color palette generation support stdin and stdout composability?▼

Yes, color palette generation supports stdin and stdout composability for terminal workflows. This allows piping named and hex color inputs directly into other CLI tools and previewing swatches.

Related Skills

Explore More Design & Creative Skills→
a-ng-da-ng-d
1

ui-color-palette-sketch

...

Community
Intermediate
johnlindquistjohnlindquist
24

design

Manage design tokens and export them to CSS, JSON, and Tailwind config.

Community
Advanced
hulusi-tunchulusi-tunc
3

color-system

Generate accessible color palettes with contrast ratios and dark-mode mappings.

Community
Advanced
nkeikonnkeikon
42

viewinline

Render raster, vector, and tabular data inline in the terminal.

Community
Advanced