What is color temperature in Kelvin?

Color temperature describes the color of light by the temperature, in Kelvin, that an ideal black body would have to glow that same color. Low numbers look warm and orange, high numbers look cool and blue, which is the opposite of how people talk about hot and cold. A candle is about 1900K and looks deep orange, daylight is about 5500K and looks neutral white, and a clear north sky can read 10000K and looks distinctly blue.

Why is 2700K warm yellow but 6500K blue?

At 2700K the radiated light is heavy in red and orange and weak in blue, so a tungsten bulb glows warm yellow, with an RGB near 255, 169, 87. By 6500K the spectrum has filled in across all wavelengths and tipped slightly toward blue, giving a cool white close to 255, 249, 253 that photographers treat as a daylight reference. The slider makes the crossover obvious as you drag from 2700K up past 5500K.

How accurate is this color temperature to RGB conversion?

It uses the Tanner Helland polynomial approximation, the same curve fit found in many photo and lighting tools. It is an approximation of black body radiation mapped into sRGB, not a spectrophotometer reading, so treat it as a faithful visual guide rather than a calibrated measurement. For everyday white balance intuition, mockups and lighting plots it lands within a few RGB levels of the textbook values across the 1000K to 40000K range.

What color temperature is daylight?

Noon daylight is usually quoted at about 5500K to 5600K and reads as near-neutral white, which is why many cameras label their daylight white balance preset 5500K. Overcast skies push higher, around 6500K, and look slightly cooler. Golden hour drops toward 3500K and looks warm. Enter 5500K here and the swatch shows the soft white that photographers calibrate their daylight balance against.

How do photographers use color temperature?

Photographers and videographers set white balance to cancel a light source color so whites look white. If you shoot under a 3200K tungsten lamp and set the camera to 3200K, the warm cast is removed; leave it on a 5500K daylight setting and the same shot turns orange. Lighting designers match LED and gel temperatures the same way. This tool lets you preview what a given Kelvin value actually looks like before you commit to a bulb, gel or white balance setting.

Picture a light bulb before you buy it

A bulb box says 2700K or 4000K but the showroom lighting hides what it really looks like at home. Type the Kelvin value here and the swatch shows the warm yellow of 2700K versus the cooler neutral of 4000K, so you can match a new lamp to the warmth of the room before ordering a dozen of the wrong color.

Set or sanity-check a camera white balance

Shooting under mixed lighting and the auto white balance keeps drifting? Look up the source temperature, say 3200K for tungsten, preview the cast it produces, then dial that Kelvin value into the camera so the warm tint is canceled and your whites come back to neutral instead of orange.

Plan a lighting plot for video or theatre

Mixing daylight LEDs at 5600K with tungsten fixtures at 3200K on the same set creates a color clash. Preview both temperatures side by side, decide which gels or LED settings pull them together, and lock a consistent look before the rig goes up and the crew is waiting.

Build a realistic UI or 3D scene

Designers and 3D artists faking a sunrise, an office or a candlelit room need light colors that read as believable. Grab the RGB for 1900K candlelight or 6500K overcast, drop it into your gradient, emissive material or CSS, and the scene gets the right warmth instead of a flat guess.

Color Temperature to RGB Converter

Kelvin color temperature to approximate RGB and HEX, with a live swatch and lighting references, all in your browser

Runs locally
Category Color & Design
Best for Moving from a visual idea to reusable color values.

Color temperature · Kelvin (K)

1000K (warm) to 40000K (cool blue)

1000K40000K

RGB

HEX

Common references

Preview

#ffedde

rgb(255, 237, 222)

Approximate black body color via the Tanner Helland polynomial, mapped to sRGB. A visual guide for white balance and lighting, not a calibrated measurement.

What this tool does

A color temperature to RGB converter that turns a Kelvin value into the approximate color a black body radiates at that temperature, then shows it as RGB, HEX and a live preview swatch. Drag the slider or type a number from 1000K to 40000K and watch warm candlelight shift to neutral daylight and on into cool blue sky. The math is the Tanner Helland polynomial approximation that photographers, lighting designers and hobbyists use to picture white balance: 2700K reads as a warm yellow incandescent glow, 5500K sits near neutral midday sun, 6500K leans slightly blue like an overcast sky, and 10000K is a deep clear-sky blue. Quick reference chips for candle, tungsten, daylight, overcast and blue sky let you jump to a known point. Copy the RGB or HEX with one click and share the exact Kelvin value through the URL. Everything runs as plain JavaScript in the page, so no value you enter ever leaves your browser.

Tool details

Input: Numbers; The page exposes text boxes, numeric controls, file pickers, or structured inputs depending on the tool.
Output: Live result + Copy + Preview; The result area focuses on usable output, with copy, download, or preview actions when supported.
Privacy: Browser-side processing; The main tool logic does not call an external API, so inputs normally stay in the current tab.
Save / share: Shareable URL state; Key settings are encoded in the URL so another person can reopen the same setup.
Performance budget: Initial JS <= 9 KB; No WASM budget is declared, keeping the tool quick to open on mobile.
Best fit: Color & Design · Designer; Category and role tags drive related tools, internal links, and quick fit checks.

How to use

1. Input

Paste or drop your content into the tool panel.
2. Process

Click the button. All processing is local in your browser.
3. Copy / Download

Copy the result or download to disk in one click.

How Color Temperature to RGB fits into your work

Use it while choosing, checking, converting, or documenting colors for real interface work.

Color jobs

Moving from a visual idea to reusable color values.
Checking contrast and accessibility before a UI ships.
Keeping brand, design, and implementation color decisions aligned.

Color checks

Verify contrast against the actual background, not just a sample swatch.
Check dark and light themes separately when both exist.
Copy the final format your design system or codebase expects.

Good next steps

These links move the current task into a more complete workflow.

Real-world use cases

Picture a light bulb before you buy it
A bulb box says 2700K or 4000K but the showroom lighting hides what it really looks like at home. Type the Kelvin value here and the swatch shows the warm yellow of 2700K versus the cooler neutral of 4000K, so you can match a new lamp to the warmth of the room before ordering a dozen of the wrong color.
Set or sanity-check a camera white balance
Shooting under mixed lighting and the auto white balance keeps drifting? Look up the source temperature, say 3200K for tungsten, preview the cast it produces, then dial that Kelvin value into the camera so the warm tint is canceled and your whites come back to neutral instead of orange.
Plan a lighting plot for video or theatre
Mixing daylight LEDs at 5600K with tungsten fixtures at 3200K on the same set creates a color clash. Preview both temperatures side by side, decide which gels or LED settings pull them together, and lock a consistent look before the rig goes up and the crew is waiting.
Build a realistic UI or 3D scene
Designers and 3D artists faking a sunrise, an office or a candlelit room need light colors that read as believable. Grab the RGB for 1900K candlelight or 6500K overcast, drop it into your gradient, emissive material or CSS, and the scene gets the right warmth instead of a flat guess.

Common pitfalls

Reading the scale backwards. Higher Kelvin is cooler and bluer, lower Kelvin is warmer and more orange, the reverse of casual hot and cold language. 3000K is a warm lamp, not a blue one, and 6500K is the cool daylight end.
Treating the RGB as a calibrated measurement. This is the Tanner Helland approximation of black body color in sRGB, accurate enough for previews and white balance intuition but not a substitute for a spectrometer or a printer ICC profile.
Confusing light source temperature with a white balance setting. To remove a 3200K warm cast you set the camera white balance to 3200K, not to a cooler number. The Kelvin you preview here is the light color, and matching that value is what neutralizes it.

Privacy

The whole conversion, the Kelvin slider, the Tanner Helland polynomial and the RGB and HEX output, runs as plain JavaScript inside your browser tab. No Kelvin value or color ever leaves the page and nothing you enter is logged. The only data that travels is the share link, which encodes the current Kelvin value in the URL query string, so a link pasted into chat will record that one number in the recipient server log. For anything you would rather keep private, copy the RGB or HEX text instead of sharing the URL.

FAQ

Tool combos

Folks in your role tend to reach for these alongside this tool.

Designer

Browse all tools for this role

Color Temperature to RGB Converter

What this tool does

Tool details

How to use

1. Input

2. Process

3. Copy / Download

How Color Temperature to RGB fits into your work

Color jobs

Color checks

Good next steps

Real-world use cases

Picture a light bulb before you buy it

Set or sanity-check a camera white balance

Plan a lighting plot for video or theatre

Build a realistic UI or 3D scene

Common pitfalls

Privacy

FAQ

Color Converter

RGB to CMYK Converter

CSS Border Radius Generator

CSS Box Shadow Generator

CSS Clip-Path Generator

Color Blindness Simulator

Color Contrast Checker

Color Mixer

Color Shades Generator

CSS Button Generator

CSS Filter Generator

CSS Grid Generator