🎯

accessible-contrast

🎯Skill

from basiclines/rampa-studio

What it does

Generates WCAG-compliant color ramps with an 11-step scale, ensuring predictable and accessible text-background contrast combinations.

📦

Same repository

basiclines/rampa-studio(7 items)

accessible-contrast

Installation

Quick InstallInstall with npx

npx skills add https://github.com/basiclines/rampa-studio --skill accessible-contrast

Need more details? View full documentation on GitHub →

2Installs

AddedFeb 4, 2026

View on GitHub Back to Skills

More from this repository6

🎯

brand-expansion🎯Skill

Expands a single brand color into a comprehensive, mathematically-derived color system with primary, analogous, complementary, and split-complementary hues.

🎯

status-from-accent🎯Skill

Generates mathematically harmonized status colors (success, warning, danger, info) from a single brand accent color using square color theory.

🎯

rampa-colors🎯Skill

Generates color palettes and harmonies based on input parameters, providing flexible color generation for design and development projects.

🎯

tinted-neutrals🎯Skill

Generates neutral gray color palettes with subtle brand color tinting, creating warm or cool neutrals that feel cohesive with your design system.

🎯

data-viz-palette🎯Skill

Generates mathematically optimized color palettes for data visualizations, ensuring maximum perceptual distinction and equal visual weight across charts and graphs.

🎯

theme-foundation🎯Skill

Generates comprehensive color ramps from a single brand color, creating mathematically derived primary, secondary, and neutral color systems for design themes.