Practical Color Theory for People Who Code
summary
Explains a concrete workflow: pick one hue, generate its complimentary color, then use simple HSL functions implemented in Sass to mix to desaturate and produce neutrals, tints and shades so everything stays in the same lighting. Shows a live GitHub demo with the exact functions and CSS variables, recommends one bright “pop” color with two-thirds of layout neutral for legibility, and emphasizes contrast and color‑deficiency accessibility checks.
AI-written summary · about
chapters (16)
- 0:00Intro
- 1:17Welcome
- 1:50Inspirational Quote
- 2:38Creative vs Artist
- 3:09You are Creative
- 3:40Design is deceptively easy
- 5:09We get discouraged
- 5:27Word developers
- 5:51Work with information
- 6:10Color
- 6:29Modern World
- 7:14Color Theory
- 8:21Resources
- 9:20Color Relationships
- 10:23Color Wheel
- 11:36Demo
related talks
53mPractical Color Theory for People Who Code
19mWhen colour theory meets technology
43mRethinking Colors in Design Systems: A CSS Approach to Idiomatic Design
36mThe Magic of Color
28mBuilding the Dark Mode of Your Dreams with Color Science
22mPractical Refactors With Modern CSS Colors
41mTMNT Guide to Color Theory
22mColour in the Real World