Calculate your color saturation
Example data table
| Wavelength | Estimated color | RGB | Hex | Display saturation |
|---|---|---|---|---|
| 405 nm | Violet | 130, 0, 200 | #8200C8 | 73.75% |
| 450 nm | Blue | 0, 70, 255 | #0046FF | 100.00% |
| 495 nm | Blue Cyan | 0, 255, 203 | #00FFCB | 100.00% |
| 525 nm | Green | 74, 255, 0 | #4AFF00 | 100.00% |
| 555 nm | Green | 179, 255, 0 | #B3FF00 | 100.00% |
| 590 nm | Yellow | 255, 223, 0 | #FFDF00 | 100.00% |
| 630 nm | Orange Red | 255, 79, 0 | #FF4F00 | 100.00% |
| 700 nm | Red | 255, 0, 0 | #FF0000 | 100.00% |
Formula used
The calculator uses a piecewise wavelength-to-RGB approximation. Each visible band supplies preliminary red, green, and blue channel values from 0 to 1.
Screen channel: C = ((raw channel × visibility)γ × (1 − white blend)) + white blend
HSL saturation: SHSL = Δ ÷ (1 − |2L − 1|), where Δ = max(R, G, B) − min(R, G, B)
Estimated display saturation: S = SHSL × visibility × 100
The visibility factor rises from the selected minimum near 380 nm to 100% at 420 nm. It falls again from 700 nm to 780 nm. A white blend lowers saturation by moving every channel toward white.
How to use this calculator
- Enter a visible-light wavelength in nanometers.
- Keep gamma at 0.80 for a general screen-style estimate.
- Set the edge minimum to control fading at spectrum boundaries.
- Add neutral white blend only when you need a softer color.
- Choose precision, then select Calculate saturation.
- Review the swatch, saturation, hue, lightness, RGB, and hex result.
- Download the result as CSV or PDF when needed.
Understanding wavelength and color saturation
Visible light and screen color
Visible light carries energy across a range of wavelengths. Human vision responds differently across that range. A wavelength near 450 nanometers appears blue. A wavelength near 540 nanometers often appears green. A wavelength near 600 nanometers often appears orange. Near 700 nanometers, the result appears deep red. A screen cannot reproduce every spectral color exactly. It uses red, green, and blue subpixels instead. This calculator converts one wavelength into a practical display approximation. It estimates saturation from channel spread and edge visibility. It does not replace laboratory color measurements or calibrated color management.
Why saturation is estimated
Wavelength describes the distance between successive wave peaks. It is normally measured in nanometers for visible light. Shorter visible wavelengths are associated with violet and blue. Middle wavelengths move through cyan and green. Longer wavelengths move through yellow, orange, and red. Color saturation describes how vivid a color seems. Low saturation looks muted or grayish. High saturation looks rich and intense. A single ideal wavelength is spectrally pure in physics. However, a digital display uses limited RGB primaries. Therefore, the displayed saturation is an estimate rather than a direct physical purity reading.
How the conversion behaves
The calculator first identifies the wavelength band. Each band produces preliminary red, green, and blue proportions. A visibility factor softens colors near the visible limits. The eye is less sensitive near deep violet and deep red. Gamma correction then shapes the channel values for a screen. The final RGB values create a hexadecimal color code. Hue is calculated from the strongest and weakest channels. Lightness shows the midpoint between dark and bright. Saturation uses the RGB channel difference, then applies the edge visibility factor. This keeps edge colors from appearing unrealistically intense.
Practical input choices
Use a measured wavelength when you have one. You may also test values while learning spectral order. Enter a gamma value that suits your screen workflow. A value near 0.8 gives a familiar visual approximation. Increase the minimum edge visibility when you want stronger boundary colors. Reduce it when you want the limits to fade more gently. Choose the number of decimal places for readable results. The calculator reports an estimated color name, hue, saturation, lightness, visibility, RGB channels, and a hexadecimal code. Compare several nearby wavelengths to notice gradual changes.
Limits and useful context
This tool works best from 380 to 780 nanometers. Results outside that range are not visible-color estimates. Real color appearance also depends on illumination, observer sensitivity, display calibration, and nearby colors. Two displays can show slightly different versions of the same code. Printed inks behave differently from screen light. For precise production work, use calibrated instruments and a defined color space. For everyday planning, this estimate is fast and transparent. It explains why color changes are continuous across the visible spectrum. Use wavelength data carefully for dependable color decisions today.
Frequently asked questions
1. What wavelength range does the calculator accept?
It accepts values from 380 to 780 nanometers. This range covers the practical visible spectrum used by this screen-based estimate.
2. Is the saturation value a laboratory measurement?
No. It is a display-oriented estimate. It combines RGB saturation with a visibility adjustment near visible-spectrum edges.
3. Why do edge wavelengths show lower saturation?
The calculator applies a visibility factor near deep violet and deep red. This prevents an unrealistically strong screen result at the spectrum boundaries.
4. What does gamma correction change?
Gamma changes how the calculated channel strength appears on a display. It does not change the original physical wavelength.
5. What does neutral white blend do?
It mixes the calculated color with white. Higher values create a paler result and lower the displayed saturation.
6. Can I use the hex value in a website?
Yes. Copy the hexadecimal code into your stylesheet or design tool. Appearance may still vary across uncalibrated displays.
7. Why is central-spectrum saturation often high?
A single wavelength represents a pure spectral stimulus. The RGB approximation therefore usually contains strong chroma before any white blend is applied.
8. Can this tool predict printed ink color?
Not precisely. Ink uses reflected light, pigments, paper, and printing profiles. Use a print color workflow for production matching.
9. What precision should I select?
Two decimals work well for most comparisons. Use more decimals for technical notes, and fewer for simple presentations.
10. Can I compare multiple wavelengths?
Yes. Calculate one value, note or download it, then test nearby wavelengths. Small steps reveal smooth spectral transitions.
11. What is the main takeaway?
Use wavelength data carefully for dependable color decisions today.