Problem Statement
Recently, the iPhone’s color picker mode has added a new option called “HDR Boost” in addition to the existing RGB. Beyond this, concepts such as color gamuts like sRGB, Display P3, and DCI-P3 frequently appear, yet many people use them without clearly understanding the conceptual differences. Specifically, the questions I had while working on design were as follows:
- The iPhone’s color picker mode recently added something called HDR Boost in addition to RGB — what is it?
- There are also many color spaces — sRGB, Display P3, DCI-P3, wide color gamut, color reproduction specification graphs, etc. — and it would be good to understand them before using them.
- In CSS, there are many color notation methods beyond rgba and hex, such as hsl and oklch, and I wanted to understand the differences in their intended use.
- In Adobe Illustrator, when selecting HSB and the “Only Web Colors” option, the color gamut simplifies as shown in the image below — I was curious why this happens.
Whenever I studied color in the past, I always encountered materials heavily focused on color psychology. This time, I intend to take a scientific approach that can answer these questions. Ultimately, I aim to organize color-related terminology and technical concepts based on this background.