Current Color
Value:
#1e1b4b
Hex:
#1e1b4b
Name:
Custom Color
Recent Colors
Infinite Spectrum
Exploring every color in the universe
Colors changing automatically
About Infinite Spectrum
Infinite Spectrum provides a mesmerizing, continuous journey through the entire visible color spectrum displayable on a standard monitor. It is a technical demonstration of smooth color interpolation, designed to explore the volume of the sRGB[18] color space. The tool visualizes a path that visits every hue, saturation, and brightness level within this gamut[9], offering an immersive experience in digital color theory[5] and perception.
A naive traversal of a color model[4] like the RGB color model[17], by simply incrementing red, green, and blue values, produces perceptually non-uniform results. Such a linear interpolation in RGB space leads to noticeable shifts in perceived brightness and hue; for example, a transition from red to green passes through a dark, muddy yellow instead of a vibrant one. This is because RGB is designed for display hardware, not for modeling human color vision[6]. The non-linear relationship between numerical value and perceived intensity, often addressed by gamma correction[8], further complicates uniform interpolation.
To achieve a perceptually smooth transition, Infinite Spectrum performs its core interpolation calculations in a specialized color space designed to mimic human perception. The foundational work in this field was done by the International Commission on Illumination[12] (CIE), leading to models like the CIE 1931 color space[1]. This tool uses a modern, perceptually uniform space such as the CIELAB color space[3] or Oklab[21]. In these systems, the geometric distance between two color points corresponds closely to their perceived difference. By plotting a path in this space and then converting each point back to sRGB for display, the animation ensures that the rate of color change appears constant to the human eye.
The path itself is algorithmically generated to traverse the 3D volume of the target color space efficiently. A technique analogous to a Hilbert curve[10] or another space-filling curve is employed to ensure a comprehensive and non-repetitive journey. Every color generated is defined within the sRGB gamut, the standard specified by the W3C for the web[20], and assumes a standard D65[19] white point. The result is a precise and accurate visualization of the approximately 16.7 million colors available in a 24-bit system, presented as a seamless, flowing continuum.
How to Use
- Load the tool in your browser to begin the animation.
- Observe the continuous, perceptually uniform transition through the sRGB color space.
- Click or tap anywhere on the screen to pause or resume the animation.
- Hover your mouse pointer over the screen to display the current color's Hex and RGB values.
- Press the 'F' key to toggle full-screen mode for a more immersive experience.
- Note the smooth changes in brightness and hue, a result of interpolation in a perceptually uniform color space.
Frequently Asked Questions
What color space is the animation traversing?
The animation path is calculated in a perceptually uniform color space like CIELAB[3] or Oklab[21] to ensure smooth visual transitions. The resulting color values are then converted to the sRGB[18] color space for correct display in a web browser.
Why not just cycle through all 16.7 million RGB values?
A linear walk through the RGB color model[17] cube is perceptually non-uniform. It would result in long periods of seemingly identical colors and abrupt changes in others. This is because the Euclidean distance in RGB space does not correlate with the perceived just-noticeable difference[13] (JND) for human vision.
Is the sequence of colors random?
No, the sequence is deterministic. It follows a path, similar to a Hilbert curve[10], that is designed to traverse the entire 3D volume of the color space in a continuous, ordered fashion, visiting every region of the gamut[9].
Does this tool display colors accurately?
The tool generates accurate sRGB values. However, the final appearance depends on your monitor's calibration and its ability to reproduce the full sRGB gamut. The colors are generated for a standard viewer environment assuming a display compliant with sRGB[20] and a D65[19] white point.
Is this tool color-managed?
This tool outputs sRGB values without embedding an ICC profile[11], which is the standard behavior for web content. Modern browsers will interpret these values in the sRGB space, providing consistency across most devices.
Can I see colors from wider gamuts like DCI-P3?
No. This tool is specifically designed to explore the sRGB gamut, which is the universal standard for the web. While some modern displays support wider gamuts like DCI-P3[7] or Rec. 2020[16], this tool limits its output to sRGB for maximum compatibility and to demonstrate the properties of that specific color space.
How does this relate to color systems like Pantone?
This tool explores a continuous, mathematical color model[4]. Systems like Pantone[14] or RAL[15] are physical color matching systems that represent a curated set of discrete, reproducible colors using specific pigments or inks. They are points within a color space, not a traversal of the entire space.
What is the underlying technology?
The tool is built with standard web technologies. JavaScript is used for the color space calculations and interpolation logic, while the HTML5 Canvas or CSS is used to render the final color to the screen. The animation is synchronized with the display's refresh rate via `requestAnimationFrame` for fluid motion.
Sources (21)
- CIE 1931 color space - Wikipedia
- CIECAM02 - Wikipedia
- CIELAB color space - Wikipedia
- Color model - Wikipedia
- Color theory - Wikipedia
- Color vision - Wikipedia
- DCI-P3 - Wikipedia
- Gamma correction - Wikipedia
- Gamut - Wikipedia
- Hilbert curve - Wikipedia
- ICC profile - Wikipedia
- International Commission on Illumination - Wikipedia
- Just-noticeable difference - Wikipedia
- Pantone - Wikipedia
- RAL colour standard - Wikipedia
- Rec. 2020 - Wikipedia
- RGB color model - Wikipedia
- sRGB - Wikipedia
- Standard illuminant D65 - Wikipedia
- W3C: A Standard Default Color Space for the Internet - sRGB
- Oklab - A perceptual color space for image processing
About Matt George
I'm Matt George, a software engineer in the startup space. I run my own shop building software for early-stage founders, and I love making free tools and experiences that people actually use. Enjoy using Infinite Spectrum!