When colour theory meets technology
summary
Claims a repeatable pipeline that turns one chosen hue into accessible palettes by combining Vue.js UI, Sass adjust-hue loops, CSS variables and the NPM color package. Cites 300 million people with color blindness and 785 million with disabilities, finds 53 low-contrast elements in a Twitter audit, and uses a minimum-contrast constant of 24.5 to auto-darken or lighten generated swatches, adjust link and overlay shades, and update SVGs live via CSS variables.
AI-written summary · about
chapters (4)
- 0:00Start
- 7:52HOW CAN THE FINAL USER SELECT THE COLOUR SCHEME?
- 11:11TESTING COLOUR CONTRAST
- 12:31GENERATING ACCESSIBLE THEMES
related talks
53mPractical Color Theory for People Who Code
25mPractical Color Theory for People Who Code
36mThe Magic of Color
28mAccessible by Law! Generating Colors with JS and CSS Custom Properties
43mRethinking Colors in Design Systems: A CSS Approach to Idiomatic Design
28mBuilding the Dark Mode of Your Dreams with Color Science
15mAccessible by law! Generating colors with JS and CSS Custom Properties
42m“The Interaction of Color Systems”