Temperatura de Cor
Cor
Mapeia temperatura Kelvin (1000–12000 K) pra um RGB de corpo negro aproximado usando o ajuste por partes de Tanner Helland. Útil pra definir referências de WB, escolher accents estilo `color-temperature` em CSS ou simplesmente saber como "quente 2700 K" parece de verdade. Os presets cobrem chama de vela, tungstênio, luz do dia (D65), flash de câmera e céu nublado / claro.
- HEX#FFEDDE
- RGBrgb(255, 237, 222)
- CSScolor: #FFEDDE
Presets
Aproximação por Tanner Helland; precisa ~1000–40000 K, tipicamente ±100 K.
Como usar
- Arraste o slider ou escolha um preset pra pular pra uma fonte de luz conhecida.
- Leia os valores HEX / RGB / CSS do swatch acima.
- Digite um número Kelvin preciso se precisar de temperatura específica.
Perguntas frequentes
- Por que minha tela parece diferente no mesmo Kelvin?
- O mapeamento aqui é a cor Planckiana teórica (corpo negro), antes de qualquer gamma, whitepoint do monitor ou transformação de adaptação cromática. Telas reais rodam o próprio pipeline — valores em torno de 6500 K (D65) e 5500 K (cinema / câmera) são os pontos mais precisos em cor.
- Por que a curva quebra acima de ~10000 K?
- Acima de ~6600 K o corpo negro vira ciano saturado e depois azul saturado. O olho percebe como branco lavado por adaptação cromática, mas a tripla RGB realmente fixa vermelho em 255 no lado quente e azul em 255 no lado frio.
- É isso que fotógrafos chamam de "balanço de branco"?
- Mais ou menos. WB é o inverso: uma câmera mede a temperatura aparente da cena e aplica a tonalidade oposta pra sujeitos neutros renderizarem neutros. A mesma escala Kelvin é a entrada — 5500 K luz do dia, 3200 K tungstênio, etc.
Ferramentas relacionadas
Simulador de Daltonismo
Veja como sua imagem se parece para pessoas com cada um dos 8 tipos de deficiência visual cromática (CVD).
Gerador de CSS Box Shadow
Desenhe box-shadow CSS visualmente em várias camadas, com pré-visualização ao vivo e saída CSS / Tailwind pronta para copiar.
Conversor de Formatos de Cor
Converta qualquer cor entre HEX, RGB, HSL, HSV, OKLCH e uma variável CSS.
Gerador de Gradientes CSS
Crie gradientes CSS lineares ou radiais com várias paradas de cor e copie o código.
Gerador de Paleta de Cores
Crie paletas harmoniosas a partir de uma cor base em seis esquemas.
Verificador de Contraste de Cor
Verifique o contraste texto/fundo nos níveis WCAG AA e AAA.