Learn

Articles on color for developers and designers — from fundamentals to modern CSS color spaces.

The basics

Color theory for interfacessRGB, contrast, WCAG and how perception shapes good UI color decisions.Color models for interfacesRGB, HSL, Lab and OKLCH — what they are and when to reach for each.Primary, secondary and accent colorsHow to assign roles to colors so your palette works as a system.Light vs dark theme in UI colorWhy light and dark aren't just inverted — and how to design for both.

Practical guides

Building a palette from a single colorGenerate tints, shades and complementary hues from one starting point.Brand, UI and data visualization colorsDifferent contexts demand different color strategies.Color and accessibility (WCAG)Contrast ratios, WCAG levels, and practical tips for inclusive color use.How different frameworks use colorTailwind, Material, Radix, Open Color — what makes each palette tick.Color in component librariesButtons, alerts, inputs — how component states map to color decisions.

Collections and history

Named colors on the webFrom tomato to rebeccapurple — the history of CSS color keywords.Crayola, RAL and other color systemsPhysical color systems and how ColorR represents them digitally.A short history of digital color on the webFrom #ff0000 to oklch() — how web color has evolved over decades.

Comparisons

Tailwind vs Radix ColorsPalette structure, naming, light/dark theming model, and when each system fits best.Tailwind vs Chakra UI ColorsTwo utility-first palettes: hue sets, numeric steps, colorScheme, dark mode and design tokens compared.Material Design vs Ant Design ColorsEnterprise UI in practice: tonal palettes vs data-dense scales, semantics and when each fits.Crayola vs CSS Named ColorsPlayful pigment names vs standardised keywords — origins, digital approximations and practical use.CSS Named Colors vs Modern PalettesIs it time to retire tomato? Where color keywords still work and where tokens win.Material Design vs Fluent UIGoogle vs Microsoft platform colors: palette structure, system roles, high-contrast and cross-platform mapping.Radix Colors vs Open ColorUI-tuned paired scales vs minimalist single ramp — when each approach fits best.Crayola vs MunsellPlayful consumer crayons vs academic color notation — and how both can inspire digital palettes.RAL vs MunsellIndustrial paint standards vs perceptual color model — reference frameworks for physical and digital work.RAL Classic vs Tailwind/MaterialA practical guide to translating physical RAL paint colors into Tailwind and Material UI themes.

Advanced

From sRGB to Display‑P3 and beyondWide gamut on the web — what it means and how to design for it.Color spaces and perceived lightnessGamma, perceptual uniformity and why OKLCH is popular.Safe combinations for color blindnessPractical UI guidelines for designing with color vision deficiency in mind.