Herramientas de color

Conversor de colores

Convierte valores de color entre formatos HEX, RGB y HSL con vista previa y desglose numérico de canales.

Ejecutar herramienta

Esta utilidad transforma valores de color entre los formatos hexadecimal, RGB y HSL de forma directa en el navegador. Acepta códigos hexadecimales de tres o seis caracteres con o sin almohadilla inicial, ternas RGB con valores enteros de 0 a 255 y especificaciones HSL compuestas por tono, saturación y luminosidad. Al procesar el tono en HSL, el sistema calcula automáticamente el ciclo modular de 360 grados, mientras que los porcentajes de saturación y luminosidad que exceden el cien por ciento quedan acotados al rango admitido. Tras ejecutar la conversión, la interfaz muestra las cadenas de texto formateadas en cada sistema, los valores numéricos de los canales individuales y una vista previa del color resultante. Si introduces un campo vacío, una sintaxis incompleta o seleccionas un formato de origen no reconocido, la herramienta no genera resultados hasta corregir la entrada.

Instrucciones

  1. Introduce el código o los valores numéricos del color en el campo correspondiente.
  2. Indica el formato de origen exacto del color: hex, rgb o hsl.
  3. Pulsa el botón de ejecución para procesar los datos ingresados.
  4. Examina las representaciones equivalentes generadas y la vista previa del tono resultante.

Ejemplos

  • Entrada: '#3498db' con formato hex. Resultado: rgb(52, 152, 219) y hsl(204, 70%, 53%).
  • Entrada: 'rgb(255, 99, 71)' con formato rgb. Resultado: #ff6347 y hsl(9, 100%, 64%).

Preguntas frecuentes

¿Qué formatos de entrada admite el conversor?

Admite códigos hexadecimales de tres o seis caracteres con o sin almohadilla, valores RGB con números de 0 a 255 y ternas HSL con tono angular y porcentajes.

¿Cómo se gestionan los valores de HSL fuera de rango?

El tono se normaliza dentro del ciclo de 360 grados, mientras que los porcentajes de saturación y luminosidad superiores al 100% se ajustan al límite de 100%.

¿Por qué no aparece ninguna conversión al pulsar el botón?

Esto ocurre cuando el campo de texto está vacío, faltan componentes numéricos requeridos o el formato de origen seleccionado no coincide con la sintaxis introducida.

Insertar esta herramienta

Añade esta herramienta funcional de SmartPlusLab a tu sitio web con el siguiente código.