Color Coding with Elm

on YouTube ↗33m

" summary

Shows concrete Elm code and packages: an Elm color library and a palette package (test9-palette) plus color-extra and elm-css examples, SVG arcs built by hand, and charts drawn with Sista Kol’s line-charts. Demonstrates that HSL cylinder makes hue math and monochromatic palettes far simpler than RGB, measures contrast using the standard relative luminance 0.2126 0.7152 0.0722 weights, compares interpolation in RGB vs HSL, and uses cubehelix to generate even-intensity palettes — tools and helpers work and are available as Elm packages.

AI-written summary · about

" chapters (8)

1. 0:00Introduction and background
2. 2:42History of color theory
3. 7:45Web color modeling
4. 16:02Colorful Elm packages
5. 19:33Luminance and contrast
6. 24:13Blending and adjusting colors
7. 26:59Generating color palettes
8. 31:11Future of colors in Elm

" related talks

• 53mPractical Color Theory for People Who CodeNatalya Shelburne · Frontend United 2016
• 20mIntentful ContrastHenrique Gusso · Config Europe 2020
• 42m“The Interaction of Color Systems”Diana Mounter · Clarity 2017
• 25mPractical Color Theory for People Who CodeNatalya Shelburne · CascadiaFest 2016
• 32mInteraction of color systemsDiana Mounter · CSSConf AU 2018
• 19mWhen colour theory meets technologyKrystal Campioni · code.talks commerce 2019
• 18mRead color hex codesDavid DeSandro · dotCSS 2018
• 36mThe Magic of ColorEva Ferreira · ColdFront 2017