Color guides connected to practical tools.

Color guide What is hue in color? Hue is the color family, such as red, yellow, green, blue, or violet. Learn hue meaning, hue angle, examples, and how hue differs from saturation. Color guide HEX vs RGB vs HSL Compare HEX, RGB, and HSL color formats in CSS. Learn syntax, alpha values, conversions, when to use each format, and how they describe sRGB colors. Color guide Color contrast basics Learn color contrast basics, WCAG AA and AAA ratios, relative luminance, readable text, non-text UI contrast, and accessible color choices. Color guide How to use a color wheel Learn how to use a color wheel for complementary, analogous, triadic, tetradic, split-complementary, and monochromatic palettes. Color guide Tint vs shade vs tone Learn tint vs shade vs tone: definitions, examples, color scale workflow, digital color mixing, CSS color-mix(), accessibility, and design-system use. Color guide CSS color formats guide Learn CSS color formats, including named colors, HEX, RGB, HSL, HWB, Lab, LCH, OKLCH, color(), color-mix(), alpha, and fallbacks. Color guide Logo color basics Learn logo color basics, including brand colors, contrast, one-color and reversed logo versions, background rules, accessibility, and color roles. Color guide Color theory guide Learn color theory basics for hue, lightness, chroma, contrast, harmony, accessibility, and practical palette roles. Color guide Web color guide A practical web color guide covering CSS color syntax, sRGB, Display P3, OKLCH, color-mix(), alpha, fallbacks, contrast, browser strategy, and color roles. Color guide Color accessibility guide Learn color accessibility basics for WCAG contrast, focus rings, links, UI states, color-vision differences, and accessible color roles. Color guide Logo color psychology guide Learn logo color psychology for brand color meaning, audience context, culture, competitors, accessibility, and practical logo variants. Color guide Industry color guides A practical industry color guide for SaaS, healthcare, finance, legal, restaurants, beauty, education, nonprofits, gaming, real estate, ecommerce, and other brands. Color guide Cultural color notes Learn cultural color meanings for global branding, localization, accessibility, user research, and responsible palette decisions. Color guide Dark mode color guide Learn dark mode color basics for surfaces, elevation, readable text, contrast, chroma, focus rings, CSS color-scheme, and color roles. Color guide Data visualization color guide Learn data visualization color basics for chart palettes, maps, dashboards, accessibility, contrast, color-vision checks, and chart tokens. Color guide Print vs screen color guide Learn print vs screen color basics for RGB, CMYK, gamut limits, ICC profiles, spot colors, proofs, paper stock, and production handoff. Color guide Palette anatomy guide Learn palette anatomy basics for primary, accent, neutral, surface, text, semantic, chart, accessibility, and reusable color roles.