CINXE.COM
Blog • Chris Lilley
<!DOCTYPE html> <html lang="en" vocab="https://schema.org/"> <head> <meta charset="UTF-8"> <title>Blog • Chris Lilley</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="/css/style.css"> <link href="/css/blog.css" rel="stylesheet"> </head> <body> <header> <nav> <div> <a href="/index.html">Home</a> <a href="/blog">Blog</a> <a href="/talks.html">Speaking</a> <a href="/publications.html">Publications</a> <a href="/cv.html" target="_blank">CV</a> </div> <div class="social"> <a class="twitter" href="http://twitter.com/svgeesus" target="_blank" title="Twitter">Twitter</a> <a class="github" href="http://github.com/svgeesus" target="_blank" title="Github">Github</a> </div> </nav> <h1> <img property="image" src="https://avatars2.githubusercontent.com/u/2506926?v=3&s=460" alt=""> <span property="name"> Blog </span> </h1> </header> <main class="index"> <article id="colorHistory"> <h2> <a href="/blog/colorHistory.html">Are we there yet?</a> </h2> <div class="summary"> <p>CSS Color 4 is now widely implemented. But it has been a long and bumpy ride! Why did it take so long, and why did it finally succeed?</p> </div> <footer class="post-meta"> <div class="tags"> <a href="/blog/tag/CSS">CSS</a> <a href="/blog/tag/Color Science">Color Science</a> <a href="/blog/tag/History">History</a></div> <p class="date"> Published on <time datetime="2023-07-04T17:08:17.226Z">4 July 2023</time> </p> </footer> </article> <article id="whatGamuts"> <h2> <a href="/blog/whatGamuts.html">What are color gamuts</a> </h2> <div class="summary"> <p>So, <a href="https://drafts.csswg.org/css-color-4/">CSS Color 4 adds <strong>Wide Color Gamut</strong> colors to CSS</a>. But what is a gamut, anyway?</p> <p>The <strong>gamut</strong> of a color space is the <em>range of colors that can be represented</em>, given the constraint that color component values can't be negative or greater than 100%.</p> <p>That is a complete definition but if you really want to understand, in depth, what that means, the rest of this blog post is for you.</p> </div> <footer class="post-meta"> <div class="tags"> <a href="/blog/tag/CSS">CSS</a> <a href="/blog/tag/Color Science">Color Science</a></div> <p class="date"> Published on <time datetime="2023-07-04T17:08:17.220Z">4 July 2023</time> </p> </footer> </article> <article id="colorjs-release"> <h2> <a href="/blog/colorjs-release.html">Color.js Released</a> </h2> <div class="summary"> <img src="./img/colorjs-logo.png" style="width: 50vw"/> <p><em><strong>Related:</strong> <a href="https://lea.verou.me/2022/06/releasing-colorjs/">Lea's blog post for the release of color.js</a></em></p> <p>It has taken <a href="https://lea.verou.me/2022/06/releasing-colorjs/">Lea</a> and I far too long – there is always something more that <em>really should</em> be added, always some conversion that <em>really needs</em> an authoritive set of data to validate our code against – but we finally decided, time to <strong>actually release</strong> <a href="https://colorjs.io/">Color.js</a>.</p> <p>By which, I guess, we mean removing the <em>polite figleaf</em> that said, “whoops you stumbled on an unreleased thing, please be careful and lower your expectations”.</p> <p>Because people are already using it to make demos and to check other color conversion code against (this includes some browser implementations of <a href="https://drafts.csswg.org/css-color-4/">CSS Color 4</a> and <a href="https://drafts.csswg.org/css-color-5/">CSS Color 5</a>).</p> </div> <footer class="post-meta"> <div class="tags"> <a href="/blog/tag/Color">Color</a> <a href="/blog/tag/CSS">CSS</a> <a href="/blog/tag/OSS">OSS</a></div> <p class="date"> Published on <time datetime="2022-06-29T00:00:00.000Z">29 June 2022</time> </p> </footer> </article> <article id="dystopia"> <h2> <a href="/blog/dystopia.html">Dystopia</a> </h2> <div class="summary"> <p>Dystopian 'W3C in 10 years' post, from July 2014</p> </div> <footer class="post-meta"> <div class="tags"> <a href="/blog/tag/W3C">W3C</a> <a href="/blog/tag/History">History</a></div> <p class="date"> Published on <time datetime="2021-06-27T00:00:00.000Z">27 June 2021</time> </p> </footer> </article> </main> <script src="sitewide.js"></script> </body> </html>