liveBook · Manning

Dimension

As explained in Everyday Data Visualization

The blue-yellow axis is a color-space dimension whose opposing directions represent blue and yellow.

In the CIELAB color space, b* is the blue–yellow dimension: a coordinate that places a color along an opposing blue-to-yellow axis. Negative b* values move toward blue; positive values move toward yellow; 0 sits between them. section 4.2.4

b* works alongside L* for lightness and a* for the red–green axis. Unlike a typical color-picker control, it is part of a device-independent color space, so the same coordinates define colors across print, monitors, and other media. section 4.2.4

Although b* can technically extend without bounds, values commonly fall between -128 and 127. Thinking in this direction-based way can make color adjustments less mysterious: shift one way for more blue, the other for more yellow. section 4.2.4

Holding lightness steady

A slice of CIELAB at L* = 75 shows colors at one fixed lightness while their a* and b* coordinates vary. Comparing it with a slice at L* = 25 separates changes in lightness from movement along the blue–yellow dimension. section 4.2.4

Figure 4.20 This is what some of the CIELAB color space looks like at L* = 75.
04-20

Explore a CIELAB slice at L* = 75 to see the blue–yellow direction within a fixed-lightness plane. section 4.2.4

How Everyday Data Visualization covers it

How deep it goes
Defines b* by direction and common range, without deriving its underlying mathematics.
Examples
Compares CIELAB color-space slices at L* = 75 and L* = 25.
What you can do after
Apply it to tweak colors toward blue or yellow when working across color spaces.
How it connects
Connects b* to CIELAB, L* lightness, a* red–green, hex, and HSB color spaces.

Also explained in

Compare how 8 books explain dimension →

Related concepts

This explainer was generated by Manning's knowledge graph from the text of Everyday Data Visualization. The section links point to the parts of the book it draws on.