color.md

Color

• Color distribution of Color-Names in various color models

  • 3d render. kind of fun. But largely just entertaining

• colorjs

  • Color.js Released
  • Color is complicated - excelent example of inperpolations
  • rgbmiss's out 1/3 of all colors a screen can display

• Transforming colors with matrices

  • Transforming colors with matrices
    • Matrix Operations for Image Processing - Paul Haeberli Nov 1993
    • http://www.graficaobscura.com/matrix/index.html
    • My Python one: https://github.com/calaldees/libs/blob/9a7dbeea6d34240e13e9d684a8388519bb00885c/python3/calaldees/color.py#L75

• Practical Color Theory for People Who Code

• A Pixel's Color

  • Color is complicated. Deep dive into color representation

• Colors: Where did they go? An investigation

  • Why do so many TV shows and movies look like they were filmed in a gray wasteland?
  • grey digital color sludge

• A Journey through Color Space with FFmpeg

• Roundtable: New Look, Same Great Look - The history of humans being confounded by color photography

  • History of color film and paintings
  • Human perception of color is very fluid

• Exploring the Basic Concepts of HDR: Dynamic Range, Gamma Curves, and Wide Color Gamut

• The 12-bit rainbow palette [data-visualisation]

  • I designed the 12-bit rainbow palette for use in my data visualisations. It consists of twelve colours chosen with consideration for how we perceive hue, chroma, and luminance:

  • hex 817 a35 c66 e94 ed0 9d5 4d8 2cb 0bc 09c 36b 639

• Color Formats in CSS [css]

  • CSS has a whole slew of different color formats: hex codes, rgb(), hsl(), lch(), the list goes on!

  • Developer Anthony Lieuallen created this neat demo, showing all 140 named web colors in a circle:

    • It's mad jumbled!
  • HSL vs. HSB
  • P3!? (differnt green and red curves)

  •   .box {
           background: color(display-p3 1 0 0);
      }

  • LCH

    • LCH is a color format that aims to be perceptually uniform to humans. Two colors with an equivalent “lightness” value should feel equally light!

    •   .box {
             background-color: lch(50% 100 0);
        }

    • Unlike the other color formats we've seen, LCH isn't bound to sRGB. It isn't even bound to P3! It achieves this by not having an upper limit on Chroma.

  • Personally, I recommend using HSL. At least until LCH gains widespread browser support.

• MDN: oklch() - Oklab color space

• What are OKLCH colors?

  • Description of color space