The five best design links, every weekday

Category: Color Theory

All Categories

developer.chrome.com

CSS color-mix()

Mix colors, in any of the supported color spaces, right from your CSS.

meodai.github.io

Poline: esoteric color palette generator

Poline draws lines between anchors over polar coordinates to generate pleasing color palettes.

oklch.com

OKLCH Color Picker & Converter

OKLCH is a new way to encode colors (like hex, RGBA, or HSL)

elastiq.notion.site

Color — My Journey Through the Spectrum

Thoughts and resources from years of work exploring color and building tools to work with color.

joshwcomeau.com

Color Formats in CSS

CSS gives us so many options when it comes to expressing color—we can use hex codes, rgb, hsl, and more. Which option should we choose?

evilmartians.com

OKLCH in CSS: why we moved from RGB and HSL

CSS Color Module 4 adds oklch() to define CSS colors human-readable, predictable contrast (better a11y), wide-gamut P3 colors.

randoma11y.com

Randoma11y

Get random, accessible color combinations

atmos.style

Dark Mode UI Design Best Practices

Learn about the benefits, and disadvantages of dark mode and what you should consider when creating a dark theme.

smashingmagazine.com

The Realities And Myths Of Contrast And Color

Andrew Somers shares his experience about the hard-fought battles and lessons learned designing for illuminated presentations.

alphredo.app

Alphredo: Alpha colors generator

Alphredo generates translucent colors looking the same as their opaque counterparts when placed against the same background.

colorandcontrast.com

Color & Contrast

Color & Contrast is a comprehensive guide to color for user interface designers.

fastcompany.com

How gray became the king of color

Gray pigments are all over our homes and our products. But despite what TikTokers claim, the rainbow is still alive and well.

webflow.com

How color plays into generational marketing

Generational marketing research and trends tell us that there just might be a shade for every age.

darn.es

Using Display-P3 colour

I wanted really bright colours on my site, but in order to do that I needed to delve into a rabbit hole of using Display-P3 colour in CSS.

svgees.us

What are color gamuts

So, CSS Color 4 adds Wide Color Gamut colors to CSS. But what is a gamut, anyway?

lea.verou.me

Releasing Color.js: A library that takes color seriously

This post has been long overdue: Chris and I started working on Color.js in 2020, over 2 years ago!

medium.com

How we designed an accessible color palette from scratch

We knew that, although meticulously crafted, our current 7-color design system was very limiting and not suited for all use cases.

adobe.design

Reinventing Adobe Spectrum’s colors

Our science-backed approach to updating a color system that supports over 100 products.

c82.net

Making of 17th Century Watercolors

Way back in 2014, a Dutch manuscript from about mixing watercolors from 1692 made a splash in the blogosphere.

github.blog

Accelerating GitHub theme creation with color tooling

Learn why the GitHub Design Infrastructure team built a dedicated color tool and how they use it to create new color palettes for GitHub.