Temperatura de Color
Color
Mapea temperatura Kelvin (1000–12000 K) a un RGB de cuerpo negro aproximado usando el ajuste por tramos de Tanner Helland. Útil para fijar referencias de WB, elegir acentos estilo `color-temperature` en CSS o simplemente saber cómo se ve "cálido 2700 K" de verdad. Los presets cubren llama de vela, tungsteno, luz diurna (D65), flash de cámara y cielo nublado / despejado.
- HEX#FFEDDE
- RGBrgb(255, 237, 222)
- CSScolor: #FFEDDE
Presets
Aproximación de Tanner Helland; precisa ~1000–40000 K, típicamente ±100 K.
Cómo usar
- Arrastra el slider o elige un preset para saltar a una fuente de luz conocida.
- Lee los valores HEX / RGB / CSS del swatch de arriba.
- Escribe un número Kelvin preciso si necesitas una temperatura específica.
Preguntas frecuentes
- ¿Por qué mi pantalla se ve distinta con el mismo Kelvin?
- El mapeo aquí es el color Planckiano teórico (cuerpo negro), antes de cualquier gamma, whitepoint del monitor o transformada de adaptación cromática. Las pantallas reales corren su propio pipeline — valores cerca de 6500 K (D65) y 5500 K (cine / cámara) son los puntos más precisos en color.
- ¿Por qué la curva se rompe por encima de ~10000 K?
- Por encima de ~6600 K el cuerpo negro se vuelve cian saturado y luego azul saturado. El ojo lo percibe como blanco lavado por la adaptación cromática, pero la tripleta RGB sí fija rojo en 255 en el lado cálido y azul en 255 en el lado frío.
- ¿Es esto lo que los fotógrafos llaman "balance de blancos"?
- Más o menos. WB es lo inverso: una cámara mide la temperatura aparente de la escena y aplica el tinte opuesto para que sujetos neutros se rendericen neutros. La misma escala Kelvin es la entrada — 5500 K luz diurna, 3200 K tungsteno, etc.
Herramientas relacionadas
Simulador de Daltonismo
Ve cómo se ve tu imagen para personas con cada uno de los 8 tipos de deficiencia visual cromática (CVD).
Generador de CSS Box Shadow
Diseña box-shadow CSS visualmente con varias capas, vista previa en vivo y salida CSS / Tailwind lista para copiar.
Conversor de Formatos de Color
Convierte cualquier color entre HEX, RGB, HSL, HSV, OKLCH y una variable CSS.
Generador de Gradientes CSS
Crea gradientes CSS lineales o radiales con varias paradas de color y copia el código.
Generador de Paleta de Colores
Crea paletas armoniosas desde un color base con seis esquemas.
Comprobador de Contraste de Color
Comprueba el contraste texto/fondo según los niveles WCAG AA y AAA.