skills.homes logoskills.homescapability registry
home/categories/design/moasq-nanowave-internal-skills-data-ui-color-contrast-skill-md
cd ..
designcontent-media

color-contrast

Color contrast and accessibility: WCAG ratios, semantic colors, dark mode pairing, text on images, opacity rules. Use when choosing colors, ensuring text readability, or validating contrast ratios for accessibility. Triggers: contrast, WCAG, foregroundColor, background, opacity, semantic color, dark mode color.

檢視原始碼design
moasq
maintainer
moasq
更新於 3/15/2026
星標
33
分支
10
quick start

Installation and usage

Color contrast and accessibility: WCAG ratios, semantic colors, dark mode pairing, text on images, opacity rules. Use when choosing colors, ensuring text readability, or validating contrast ratios for accessibility. Triggers: contrast, WCAG, foregroundColor, background, opacity, semantic color, dark mode color.

安裝
$ install --globalskills.sh
使用

安裝後，您可以透過在終端機執行以下指令來使用此技能：

skills use color-contrast