The five best design links, every weekday

Category: Color Theory

All Categories

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.

smashingmagazine.com

Color Tools And Resources

Do you need a little inspiration boost? We’ve collected some useful color tools and resources that we’ve discovered lately.

baselinehq.com

This Colorblind Designer Says: Please Stop Using Red And Green Together

Colorblindness affects around 1 in 100 people. So why are so many interfaces still problematic for colorblind users, and how can designers help?

darker.ink

Towards richer colors on the Web

This article will talk about the ongoing efforts to specify richer colors on the Web platform.

smashingmagazine.com

Using HSL Colors In CSS

Ahmad Shadeed explains what HSL is and shares some of the useful use-cases and examples that you can use right away in your current projects.

georgefrancis.dev

A Beginner’s Guide to Applying Color in UI Design

Your virtual guide up the mountain of color.

wired.com

How Pixar Uses Hyper-Colors to Hack Your Brain

The animation studio’s artists are masters at tweaking light and color to trigger deep emotional responses.

bjango.com

What is pass-through blending?

Figma, Photoshop, XD, and Affinity Designer all contain a blending mode called “pass-through”.

raw.studio

Case Study: The Evolution of Google Maps & Colour Picking Methodology

Since Google Maps launched 15 years ago, they have revolutionised the world of digital maps and now help over one billion users get from A to B

callumhart.com

CSS Variables That Mimic Chameleons

Choosing CSS variable names that adapt to different contexts.

blog.datawrapper.de

Which color scale to use when visualizing data

From hues to gradient types this four-part series goes deep on what color scales work with what data.

cloudfour.com

HSL: a color format for humans

Colors on the web are confusing — but they don’t have to be! The HSL format makes it easy for humans and computers to work with color.

learnui.design

Gradient Generator Tool

Create beautiful, smooth gradients across a wide range of hues.