Temperature Picker
The temperature picker turns any Kelvin value into the color that light gives off, from warm candlelight to cool daylight, ready to copy as HEX, RGB or HSL.
How to use the temperature picker
- Drag the temperature slider from a low Kelvin for warm light up to a high Kelvin for cool light.
- Watch the swatch shift from orange candlelight, through neutral daylight, to cool blue shade.
- Copy the resulting color in HEX, RGB or HSL once it matches the mood you want.
- Fine-tune it further in the Color Picker if you need an exact shade.
What the temperature picker shows you
The temperature picker converts a Kelvin value into the color that a light source of that temperature actually glows, then gives you the matching HEX, RGB and HSL. It is the quick way to turn a lighting figure like 2700K or 6500K into a usable on-screen color, instead of guessing which orange or blue it should be.
What is color temperature?
Color temperature rates a light by the temperature, in kelvin, of an idealised glowing object that would emit the same color. Heat metal and it glows deep red, then orange, then white, then bluish, so low kelvin reads warm and high kelvin reads cool. It is the same scale a camera or a light bulb box uses.
Reading the Kelvin scale
How a temperature picker works
Behind the slider, each Kelvin value is mapped to a point on the Planckian locus, the curve of colors a heated object passes through, and that point is converted to RGB. The screen standard white, D65, sits at roughly 6500K, which is why daylight looks neutral on a monitor while a warm bulb at 2700K looks distinctly orange next to it.
Why the Kelvin temperature scale feels backwards
- Low Kelvin (1900K to 3000K) looks warm and orange, even though the number is small.
- High Kelvin (6500K and up) looks cool and blue, even though the number is large.
- It is the physics of glowing metal, not the everyday sense of warm and cool, so trust the swatch over the number.
Where color temperature is used
- Photography and video, where white balance is set in Kelvin to keep whites looking neutral.
- Lighting and interior design, where bulbs are sold by temperature, such as 2700K warm or 4000K cool.
- Screens and night modes, which warm the display in the evening by lowering its Kelvin.
- 3D and game rendering, where light sources are given a temperature for a believable scene.
- Palette mood, where a warm or cool bias sets the feeling of a whole design.
Why color temperature is underrated
Most color tools ignore temperature, which is a shame. Reasoning in warm and cool, the way photographers and lighting designers do, is often a faster route to the right mood than juggling hue numbers. When a palette feels off, sliding along the Kelvin scale is an underused way to fix it.
Cooler. It feels backwards, but higher kelvin means bluer light, while lower kelvin is warmer and more orange.
Around 6500K, the D65 screen standard, looks neutral on a monitor. Around 5500K is the usual reference for daylight photography.
That is their color temperature. A 2700K bulb glows the soft orange-white of a traditional incandescent, while 4000K and above look cooler and whiter.
Yes. Set the Kelvin value and copy the HEX, RGB or HSL the picker shows, then refine it in the Color Picker if needed.