Adjust the overall lightness and chroma using the sliders at the top of the page. For each color appearance model you can adjust an offset in both values.

Colors outside of the P3 gamut are marked with white ticks outside of the hue circle. The length of the ticks is proportional to the amount of the chroma component that extends outside of the gamut.

For greater ease of comparison, all hue circles are aligned to the red sRGB primary. For example, the red hue angle in CIELAB is 40°. Therefore the CIELAB hue circle is rotated clockwise by this angle. The equivalent is done for the other color models.