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.
Category: Color Theory
All Categories
Naming colors in design systems
How language brings logic to a subjective topic.
Principles of Color? Going Beyond sRGB
What are you most excited to learn, while simultaneously overwhelmed by the idea you gotta go learn it?
Balanced Color Palettes
A small but powerful technique perfect for crafting balanced color palettes in generative pieces.
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.
The “Dark Yellow Problem” in Design System Color Palettes
Designers try to strike a balance between “yellow being yellow” and meeting the accessibility requirements.
The Woman Who Theorized Color
An introduction to Mary Gartside’s new theory of colours.
Web color is still broken
7 years after Computer Color is Broken, the web is still doing color wrong.
Contrast Grid
Test many foreground and background color combos for compliance with WCAG 2.0 minimum contrast.
CSS Gradients Editor
Compose complex CSS gradients with this tool's stop and color editing for all your trendy text fill needs.
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.
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.
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 - AI color palette generator
Huemint uses machine learning to create unique color schemes for your brand, website or graphic.
Open Source Color System
An Open Source Color System for Complex Digital Interfaces with Carefully picked colors to match with your interfaces challenges.
The Science of Color & Design
How Material used color science to make design easier and more expressive than ever before.
hue.tools
Inspect, mix, blend, modify, find design inspirations, stock photos and more!
Designing Harmony into Dynamic Color
How Material enables makers to design with custom colors while respecting user choice.
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.
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.
