The chroma of a color describes the departure of a color from gray at a given lightness or value. You can think of chroma as the vividness, or color purity.
Every point on the surface of the shape represents the maximum chroma of every color at a given lightness or value.
This feature allows you to clip the maximum distance from the neutral gray center of the RBG gamut shape.
This is effectively clipping the chroma of the colors.
Hue is a color like red, green, or blue, but hue does not give us any indication of its lightness or value, or chroma or vividness.
This feature allows you to slice the color shape through its center along a plane fixed at a specific hue, revealing all value and chroma combinations for that hue.
The slice also reveals all the value and chroma combinations of the complementary hue.
When toggled on, drag either dot around the ring to change the angle of the cross-section.
This feature allows you to select a loop of colors at any position along the surface of the shape.
If you select a horizontal loop, all colors in the loop will have the same value or lightness.
If you select a vertical loop, all the colors will be of two complementary hues through all
When you select a diagonal loop, all the colors will travel through all hues around the shape.
To select a new loop, click on the color shape.
Animate the shape while you explore different toggles and sliders.
Perspectiveis a more 'natural' simulation of how we view objects in 3D space, but it the perspective can distort the appearance of objects, making them look smaller as they recede into the background.
Orthographic is a straight, parallel projection from the object to the surface of your screen.
When viewing the shape from the side, toggle to Orthographic to better see uniform lightness / value at each step from top to bottom.
Choose an axis endpoint. +Z uses an orthographic top-down view.
The chroma of a color describes the departure of a color from gray at a given lightness or value. You can think of chroma as the vividness, or color purity.
Every point on the surface of the shape represents the maximum chroma of every color at a given lightness or value.
This feature allows you to clip the maximum distance from the neutral gray center of the RBG gamut shape.
This is effectively clipping the chroma of the colors.
Not initialized
Canvas Interaction Tips:
• Rotate: Left-click and drag
• Zoom: Scroll wheel or pinch
• Select loop: Click on the shape surface when loop selection is enabled.
• Adjust cross-section: Click on the white ring when hue slicing is enabled.
About this Visualization:
This tool visualizes the RGB color gamut as a 3D shape in LAB color space.
Every point on the surface represents a unique color that can be displayed on your screen.
Use the controls to explore different ways of slicing and viewing the color space.
This helps understand the relationship between lightness, chroma, and hue in digital colors.
The value of a color describes how light or dark a color is, regardless of its hue or saturation.
LAB color space refers to it as 'L' or lightness.
This feature allows you to slice the shape horizontally at any point along its vertical range. The slider is a percentage from bottom to top.
All colors on the surface of the slice will all have the same value.
You can choose to truncate the shape either from the top or bottom.
Value slice position 50%