The five best design links, every weekday

Category: Color Theory

All Categories

atmos.style

LCH is the best color space for UI

Learn about the benefits of using LCH over the now popular HSL color space, and why you should make the switch.

adobe.design

Naming colors in design systems

How language brings logic to a subjective topic.

blog.jim-nielsen.com

Principles of Color? Going Beyond sRGB

What are you most excited to learn, while simultaneously overwhelmed by the idea you gotta go learn it?

georgefrancis.dev

Balanced Color Palettes

A small but powerful technique perfect for crafting balanced color palettes in generative pieces.

medium.com

Accessible color for design systems just got easier

Over two years ago, we released Leonardo: the first-of-its-kind contrast ratio based color generation tool.

medium.com

The “Dark Yellow Problem” in Design System Color Palettes

Designers try to strike a balance between “yellow being yellow” and meeting the accessibility requirements.

openculture.com

The Woman Who Theorized Color

An introduction to Mary Gartside’s new theory of colours.

webcolorisstillbroken.com

Web color is still broken

7 years after Computer Color is Broken, the web is still doing color wrong.

contrast-grid.eightshapes.com

Contrast Grid

Test many foreground and background color combos for compliance with WCAG 2.0 minimum contrast.

components.ai

CSS Gradients Editor

Compose complex CSS gradients with this tool's stop and color editing for all your trendy text fill needs.

color-morph.com

Color Morph: SVG and CSS mesh gradient generator

Randomly generate beautiful mesh gradients, export them as an SVG or copy the generated CSS code into your project.

uxdesign.cc

Don’t rely only on tools to pick an accessible color combination

I was recently asked through a report to adapt some colors to be compliant with the Web Content Accessibility Guidelines.

fffuel.co

pppalette: color palette generator

Simple color palette generator for color harmonies like analogous, complimentary, split complimentary and triadic as well as tints, shades and tones.

huemint.com

Huemint - AI color palette generator

Huemint uses machine learning to create unique color schemes for your brand, website or graphic.

opensourcecolorsystem.design

Open Source Color System

An Open Source Color System for Complex Digital Interfaces with Carefully picked colors to match with your interfaces challenges.

material.io

The Science of Color & Design

How Material used color science to make design easier and more expressive than ever before.

hue.tools

hue.tools

Inspect, mix, blend, modify, find design inspirations, stock photos and more!

material.io

Designing Harmony into Dynamic Color

How Material enables makers to design with custom colors while respecting user choice.

policyviz.com

Your Legend is a Chart

When should a diverging color palette be used and how can it be used well? Learn more about using diverging palettes in your data visualizations.

css-tricks.com

Using Different Color Spaces for Non-Boring Gradients

Think of color spaces as a physical map where individual colors are points on the map. Gradients walk from one point on the map to the next.