The five best design links, every weekday

Category: Color Theory

All Categories

georgefrancis.dev

Color Modulation

Introduce a touch of beautiful, organic color variance to your generative compositions with just a few lines of code.

joshwcomeau.com

Make Beautiful Gradients

Have you ever noticed that gradients tend to look a little gray and washed-out in the middle?

css-tricks.com

useRainbow()

How a useRainbow() function can be used to create a brightly colored background that transitions between multiple colors.

yatil.net

WCAG 3 is not ready yet – And it won’t be for quite some time

Musings about the state of WCAG 3 and the proposed contrast algorithm.

tympanus.net

Coloring With Code — A Programmatic Approach To Design

Learn to create beautiful, inspiring, and unique color palettes/combinations, all from the comfort of your favorite text editor!

medium.com

The tortuous journey of enhancing our color palette

Colors are always a tricky topic to address for many reasons.

blog.jim-nielsen.com

Dynamic Color Manipulation with CSS Relative Colors

CSS relative colors enable the dynamic color manipulation I’ve always wanted in vanilla CSS.

medium.com

Adaptive, accessible and automated colour for Design Systems

The creation of our Design System’s colour palette was like many others; we began by auditing and then standardising a set of functional colours.

shutterstock.com

2022 Color Trends: The Year’s Top Colors

See the top 3 colors that are rising in popularity to become our 2022 Color Trends.

smashingmagazine.com

A Guide To Modern CSS Colors With RGB, HSL, HWL, LAB and LCH

In this article, we’ll take a look at the best ways to handle colors in CSS today.

uxdesign.cc

Why white looks bigger than black – The irradiation illusion

If you ever designed a logo, you probably had to test it both on a white and dark background.

colorspectrum.design

Spectrum

A tool which instantly makes color palettes come alive on your design

huetone.ardov.me

Huetone: Make colors accessible

Use LCH color space to come up with predictable and accessible color palettes.

bottosson.github.io

Two new color spaces for color picking - Okhsv and Okhsl

Despite color picking playing a big role in a lot of applications, the design of color pickers isn’t a particularly well researched topic.

meodai.github.io

FettePalette

FettePalette generates color ramps based on a curve within the HSV color model.

wildbit.com

Accessible Palette: stop using HSL for color systems

Accessible Palette is an app for building color systems with consistent lightness and predictable contrast ratios across color levels.

bootcamp.uxdesign.cc

Perceived brightness: an essential concept for UI design

Look at the image above. Don’t you feel some colors are brighter than others?

bjango.com

Diagnosing common colour management issues

When working with colours, it can be common for their appearance to change unexpectedly when viewed in different design tools.

workos.com

5 Lessons We Learned Adding Dark Mode to Our Platform

In this post, we will share some of the lessons we learned during the implementation of dark mode at WorkOS.

everypixel.com

Color Trends: Top Popular Colors Used in Stock Photography

This trend report will help you better understand what colors are used the most in popular stock images.