Calculadora de Temperatura de Color
Analiza si un color es cálido o frío y ajusta su temperatura
5500K
Neutro
☀️ Luz solar directa, fotografía exterior
Presets Comunes
Valores del Color
#FFEDDE
rgb(255, 237, 222)
hsl(27°, 100%, 94%)
5500K
Comparativa Cálido / Frío
Escala de Temperaturas
Inversa: Color → Temperatura
Introduce un color HEX para estimar su temperatura de color equivalente en Kelvin.
Exportar Escala de Temperaturas
:root {
--temp-1850: #ff8100; /* Vela */
--temp-2700: #ffa757; /* Bombilla Incandescente */
--temp-3000: #ffb16e; /* Amanecer */
--temp-3500: #ffc18d; /* Luz Cálida */
--temp-4100: #ffd0ab; /* Fluorescente */
--temp-5500: #ffedde; /* Luz Día */
--temp-6500: #fffefa; /* Cielo Nublado */
--temp-7500: #e6ebff; /* Sombra */
--temp-10000: #cadaff; /* Cielo Azul */
}¿Qué es la temperatura de color?
La temperatura de color se mide en grados Kelvin (K) y describe el tono de la luz. Temperaturas bajas (2000-3000K) producen luz cálida y amarillenta, mientras que temperaturas altas (5000-10000K) producen luz fría y azulada. Es esencial en fotografía, iluminación y diseño de interiores.
Cómo funciona
La temperatura del color se mide en grados Kelvin (K) y describe la tonalidad de la luz emitida por un cuerpo negro a esa temperatura. En diseño, se usa para clasificar colores como cálidos (1000-4000K) o fríos (6000-15000K).
Colores cálidos (1000-4000K)
Rojos, naranjas, amarillos. Evocan energía, pasión, calidez. Avanzan visualmente — parecen más cercanos al espectador. La luz de vela (~1850K) y las bombillas incandescentes (~2700K) son ejemplos clásicos.
Colores fríos (6000-15000K)
Azules, verdes, violetas. Evocan calma, profesionalidad, frescura. Retroceden visualmente — parecen más lejanos. El cielo nublado (~6500K) y el cielo azul (~10000K) son referencias naturales.
Psicología del color
- Cálidos: urgencia, apetito, energía, cercanía
- Fríos: confianza, seguridad, tranquilidad, profesionalidad
- Neutros (4000-6000K): equilibrio, objetividad, versatilidad
� Fotografía y balance de blancos
En fotografía, la temperatura de color es fundamental para el balance de blancos. Si fotografías bajo luz tungsteno (2700K) con balance de blancos en "Luz día" (5500K), la imagen saldrá anaranjada. Ajustar el WB a la temperatura real de la escena neutraliza los tintes de color.
- Tungsteno: 2700-3200K
- Flash: ~5500K
- Nublado: 6000-7000K
- Sombra: 7000-8000K
🔄 Calculadora inversa
La conversión inversa (Color → Temperatura) estima la temperatura Kelvin equivalente de cualquier color HEX. Busca el color más cercano en la curva de cuerpo negro (Planckian locus). Si el color está lejos de esta curva, la precisión será menor.
� Ejemplos de uso prácticos
Caso 1: Web de restaurante
Quieres estimular el apetito y crear sensación acogedora.
→ Usa colores cálidos (2700-3500K): naranjas, rojos, amarillos
→ Evita azules fríos que reducen el apetito
Caso 2: App de banca/finanzas
Necesitas transmitir confianza y profesionalidad.
→ Colores fríos (6000-8000K): azules, verdes azulados
→ Evita rojos (asociados a pérdidas/alertas)
Caso 3: Selección de iluminación LED
Estás eligiendo LEDs para un espacio comercial.
→ Tienda de ropa: 3000-3500K (cálido, acogedor)
→ Oficina: 4000-5000K (neutro, productivo)
→ Joyería/galería: 5500-6500K (reproduce colores fielmente)
Caso 4: Balance cálido/frío en landing
Tu paleta es toda fría y la página parece distante.
→ Añade un acento cálido (~3000K) para CTAs
→ Usa la comparativa Cálido/Frío para ver el contraste
→ Naranja o coral sobre azul crea equilibrio visual
⚡ Consejo pro
Exporta la escala de temperaturas como variables CSS para usarla como sistema de colores temático. Puedes crear temas "warm" y "cool" simplemente alternando entre rangos de temperatura.