Color Theory

Brightness

The perceived intensity of light emitted or reflected by a color, where maximum brightness represents the purest form of the hue.

Brightness, used in the HSV (Hue-Saturation-Value) model, differs from lightness in an important way: at maximum brightness (100%) with full saturation, the color is its most vivid form, not white. White only occurs when brightness is 100% and saturation is 0%. This makes HSV more intuitive for tasks like adjusting how 'strong' a color appears without washing it out. Brightness is closely related to the physical concept of luminous intensity but is a perceptual rather than physical quantity.

Try It Out

Color Converter

Convert between HEX, RGB, HSL, HSV, CMYK, and OKLCH color formats instantly.

Related Articles

Building a Color Picker Web Component from Scratch

Build an accessible color picker as a Web Component. Implement canvas rendering, hue sliders, alpha channels, and custom events with Shadow DOM.

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Explore perceptually uniform color spaces — CIE Lab, LCH, Oklab, and OKLCH. Learn how each was designed, where it excels, and which to use for CSS and design work.

Color Proofing: Ensuring Accurate Print Colors

Learn soft proofing, hard proofing, and press proof techniques to ensure accurate print color reproduction from screen to final output.

Color for Data Storytelling: Beyond Default Chart Colors

Go beyond default chart colors for data storytelling. Learn sequential, diverging, and categorical palettes, accessibility in dataviz, and D3/Chart.js color scales.

CSS light-dark() Function: Native Theme Switching

Use CSS light-dark() for native theme switching. Replace JavaScript toggles and media queries with a single CSS function for light and dark mode colors.

Is Black a Color? The Science and Design Answer

Is black a color? Physics says no — it's the absence of light. Art says yes — it's a pigment. Design says absolutely yes. Here's the full breakdown.