What is Color Temperature Tool?

Shift any color between warm and cool tones on the Kelvin scale. See how a color looks under different lighting, from candlelight to daylight.

The temperature slider runs the full Kelvin range from 2000K (candlelight) through 6500K (daylight) up to 20000K (clear-sky shade). A tint slider adds the green-magenta axis used by professional white balance, and an intensity slider blends between the original color and the full shift so you can fine-tune subtle adjustments. The original and adjusted swatches sit side by side so you can copy the shifted hex, RGB, or HSL into your design tool without losing the comparison.

How to use

1. Pick a base color using the color picker or enter a hex value.
2. Drag the temperature slider from warm (2000K, candlelight) to cool (20000K, open shade), nudge the tint slider toward magenta or green, and dial the intensity slider to control how strong the shift feels.
3. Copy the adjusted color values in HEX, RGB, or HSL format for use in your designs.

When to use

• Previewing how a brand colour looks under warm restaurant lighting vs daylight.
• Building a palette that holds up at golden hour and on overcast days.
• Picking a sympathetic accent for a photo shot under known studio lights.

Result

A photographer adjusts a skin tone color #E8B896 from 6500K (daylight) to 3200K (tungsten) to preview how the color would look under indoor studio lighting.

FAQ

What does Kelvin actually measure?

Kelvin describes the colour of light emitted by a black body heated to that temperature. Counter-intuitively, lower Kelvin (2000K candle) looks warm orange, while higher Kelvin (15000K open shade) looks cold blue. Daylight sits near 5500–6500K.

Why does my adjusted colour barely change near 6500K?

6500K is the white point most colour spaces use as the reference. The tool centres on it, so values close to 6500 produce only tiny shifts. Move further toward 2000 (warm) or 20000 (cool) to see a stronger effect, or raise the intensity slider to amplify the shift.

Is this the same as adjusting white balance in a photo editor?

It's the inverse. Photo white-balance fights the cast of an existing scene to neutralise it. This tool simulates adding that cast to a clean colour, so you can see what a swatch would look like under different lighting.

Which presets match common indoor lights?

Old tungsten bulbs sit around 3200K, halogens near 3000K, warm LEDs at 2700K, neutral office LEDs at 4000K, and overcast daylight at 6500K. Use the matching preset to preview how your colour will look in those rooms.

Will the same hex always render the same on every screen?

No. The hex is just data; how it lights up depends on your monitor's calibration and ambient light. The temperature shift here simulates the lighting half of that equation, but you still need a calibrated screen for true colour decisions.

Related Tools