The five best design links, every weekday

Category: Color Theory

All Categories

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.

superhighfives.com

Pika Colour Picker

An open-source colour picker app for macOS with accessibility compliance, shortcuts and more

colormixer.web.app

Parametric Color Mixer

A color palette composer inspired by audio parametric equalizers. Create beautiful color palettes with a scientific precision.

fastcompany.com

Pantone picks two colors of the year, and they’re complete opposites

Optimism and somberness collide in Pantone’s 2021 Color(s) of the Year.

farbvelo.elastiq.ch

FarbVelo — Random Color Cycler

Generative color harmonies. The random color expolorer

webflow.com

Color theory: a beginner’s guide for designers

You've got a practically infinite palette to work with when it comes to color. Find out how to do it right, by understanding color theory.

design.google

Exploring Color on Google Maps

How a minimalist approach unlocked our ability to create a more detailed representation of the world

uxdesign.cc

The UX of Among Us: The importance of colorblind-friendly design

Color blindness (color vision deficiency) is the decreased ability to see color or differences in color.

multithreaded.stitchfix.com

What Color Is This?

We need to know what colors our merch is.

colorcontroversy.com

Color Controversy

Quest for ultimate color truth.

medium.com

Color within Constraints

Getting 100+ designers and engineers to follow guidelines that are a part of literally everything they make is a huge undertaking.

material.io

Designing a Material Theme: Color

Crafting the perfect palette with Material Design and Figma.

observablehq.com

Perceptually Smooth Multi-Color Linear Gradients

If you try evenly spacing different colors across a typical linear gradient, you may find it leads to sharp or unusual transitions across the surface.

colorcopypaste.app

Color Copy Paste

Cross-platform colour copy paste from phone's camera to web, figma and sketch plugin