Design
Turn one primary hex color into a full design-token cascade with primary, accent, neutral, semantic tokens, CSS variables, and Style Dictionary JSON
color-token-cascade-generatorDesign
Measure WCAG contrast, simulate major color-vision deficiencies, and optionally flag low-contrast regions in a UI screenshot
color-vision-accessibility-checkerDesign
Generate CSS animation keyframes and properties
animation-generatorDesign
Generate a contrast-focused accessibility heatmap from a UI screenshot or HTML input and suggest stronger patch colors
accessibility-heatmap-generatorDesign
Audit every color pair in a palette against WCAG 2.1 AA and AAA contrast thresholds and suggest adjustments
accessible-color-palette-contrast-checkerDesign
Generate smooth color gradients between multiple colors with customizable steps and formats
color-gradient-generatorDesign
Convert between different color formats
color-converterDesign
Generate random colors and color palettes
color-generatorDesign
Generate CSS filter properties
css-filter-generatorDesign
Convert Adobe RGB color values to CMYK format for printing with alpha channel support
adobe-rgb-to-cmyk-converterDesign
Convert Adobe RGB color values to LAB color space for color analysis with alpha channel support
adobe-rgb-to-lab-converterDesign
Convert Adobe RGB color values to LCH color space for intuitive color manipulation with alpha channel support
adobe-rgb-to-lch-converter