Color Temperature
Slide a Kelvin value and watch the black-body colour shift from warm amber to neutral white to cool blue — plus a handful of common light-source presets.
- HEX#FFEDDE
- RGBrgb(255, 237, 222)
- CSScolor: #FFEDDE
Presets
Approximation by Tanner Helland; accurate ~1000–40000 K, ±100 K typical.
How to use
- Drag the slider or pick a preset to jump to a known light source.
- Read the HEX / RGB / CSS values for the swatch above.
- Type a precise Kelvin number if you need a specific temperature.
About this tool
ShowHide
Maps Kelvin temperature (1000–12000 K) to an approximated black-body RGB using Tanner Helland's piece-wise fit. Useful for setting WB references, choosing CSS color-temperature-style accents, or just knowing what "warm 2700 K" actually looks like. Presets cover candle flame, tungsten, daylight (D65), camera flash, and overcast / clear sky. Brightness is normalised across the range, so what you are comparing is hue and not luminance — a 2700 K swatch is not dimmer than a 6500 K one here, just warmer. That 6500 K point is standard daylight, D65, which is why it is the white point monitors and sRGB are calibrated to and why anything below it reads as warm by comparison.
Frequently asked questions
Why does my display look different at the same Kelvin?
The mapping here is the theoretical Planckian (black-body) colour, before any gamma, monitor whitepoint, or chromatic-adaptation transform. Real displays run their own pipeline — values around 6500 K (D65) and 5500 K (movie / camera) are the most colour-accurate landmarks.
Why does the curve break above ~10000 K?
Above ~6600 K the black body becomes saturated cyan and then saturated blue. The eye perceives it as washed-out white because of chromatic adaptation, but the RGB triple really does pin red at 255 in the warm side and blue at 255 in the cool side.
Is this what photographers mean by "white balance"?
Sort of. WB is the inverse: a camera measures the scene's apparent temperature and applies the opposite tint so neutral subjects render neutral. The same Kelvin scale is the input — 5500 K daylight, 3200 K tungsten, etc.
Why does a warmer light feel dimmer at the same brightness?
Because the eye's sensitivity is not flat across the spectrum, and it shifts as light levels drop — colour vision fades and the peak moves towards blue-green, which makes warm light seem weaker in the evening than a meter says it is. It is also why a room lit at 2700 K needs more measured light to feel as bright as one at 4000 K.
Which temperature should artificial light in a room be?
Warmer as the day ends, in practice. Cooler light around 4000 K and above supports alertness and suits work, while 2700 K reads as evening and is easier to relax under; matching the light to the hour is what makes a room feel right rather than any single correct number. What matters more than the exact figure is consistency — mixed temperatures in one room are what actually looks wrong.
Related tools
CMYK ↔ RGB Color Converter (Print Color Space)
Convert between RGB / hex screen colors and CMYK percentages for print — simple, GCR and UCR black generation, plus a total ink coverage readout.
Color & CSS
Temperature Converter
Convert temperature between Celsius, Fahrenheit, Kelvin, Rankine and Réaumur — all at once.
Convert
Color Format Converter
Convert any color between HEX, RGB, HSL, HSV, OKLCH, and a CSS custom property.
Color & CSS
HSL Color Picker
Drag hue, saturation, lightness, and alpha sliders to dial in a color — copy HEX, RGB, HSL, or a Tailwind arbitrary value.
Color & CSS
Wavelength to Color Converter (nm → sRGB)
Convert a light wavelength in nanometres (380–780 nm) to an approximate sRGB color, with a clickable rainbow bar and Fraunhofer reference lines.
Color & CSS
Random Color Generator
Generate a grid of random colors in HEX, RGB or HSL — pick how many, copy any value with one click, and regenerate instantly for design inspiration.
Random