./prontouso.com

CONVERSORES

Conversor de Colores

Escribe o elige un color y obtenlo al instante en HEX, RGB, HSL y HSB, cada uno con su propio botón de copiar.

Estado de la herramientaSe ejecuta en tu navegador
Vista previa

Opciones

Elige un color, escribe uno o genera uno aleatorio.

Resultados

Cómo funciona

  1. Ingresa tus datos

    Completa los valores, pega el texto o sube el archivo que necesita esta herramienta.

  2. Obtén el resultado al instante

    La mayoría de las herramientas se actualizan mientras escribes; algunas usan un solo botón. De cualquier forma, el resultado aparece aquí mismo.

  3. Usa tu resultado

    Copia, descarga o comparte lo que genere la herramienta — el control siempre es tuyo.

Privacidad y procesamiento — Se ejecuta localmente en tu navegador. Esta herramienta no sube tu entrada a ningún servidor.

¿Qué es Conversor de Colores?

Escribe o elige un color y velo al instante en HEX, RGB, HSL y HSB, cada uno listo para copiar.

ENTIENDE LA HERRAMIENTA

Cómo convertir colores entre formatos

Formatos explicados

  • HEX representa rojo, verde y azul como tres pares de dígitos hexadecimales, opcionalmente con un cuarto par para alfa.
  • RGB lista rojo, verde y azul como números de 0 a 255.
  • HSL describe un color por matiz, saturación y luminosidad, lo cual suele ser más intuitivo para elegir un tono.
  • HSB (también llamado HSV) es similar a HSL pero usa brillo en lugar de luminosidad, igual que funcionan muchos selectores de color en herramientas de diseño.

Escribir un color directamente

El campo de texto acepta notación HEX (#335A9C o #335A9C80 con alfa), rgb()/rgba() y hsl()/hsla(). Un valor inválido permanece en el campo para que puedas seguir editándolo, mientras que la muestra y los resultados siguen mostrando el último color válido.

Cómo usarlo

  • Elige un color, escribe uno directamente, o elige Color aleatorio.
  • Lee el valor convertido en cualquiera de los cuatro campos de formato.
  • Elige Copiar junto al formato que necesites.

Ejemplo de conversión

HEX a RGB, HSL y HSB

#335a9c se interpreta como 51 rojo, 90 verde y 156 azul, y luego se formatea en los otros modelos de color. Alpha aparece solo cuando la entrada incluye transparencia.

#335a9c -> rgb(51, 90, 156) -> hsl(218, 51%, 41%)

Notas sobre el formato de color

El alfa se conserva en los formatos que lo admiten. HSB se incluye para comparar con herramientas de diseño, mientras que CSS suele usar HEX, RGB(A) o HSL(A).

Preguntas frecuentes

¿Esto admite transparencia?

Sí. Un valor HEX de 8 dígitos o un valor rgba()/hsla() con un canal alfa se analiza y se refleja en cada formato que lo admite.

¿Por qué el selector de color solo muestra HEX?

El campo de color nativo del navegador solo funciona con valores HEX opacos. El alfa se conserva por separado y se muestra en los campos RGB(A) y HSL(A).

¿Cuál es la diferencia entre HSL y HSB?

Ambos describen el matiz y la saturación de la misma forma. El tercer valor de HSL es la luminosidad, donde 50% es la versión más pura del matiz; el tercer valor de HSB es el brillo, donde 100% es la versión más pura. El mismo color tiene números distintos en cada uno.

¿Puedo pegar HEX corto como #369?

Sí. El HEX de tres dígitos se expande a seis dígitos, así que #369 se convierte en #336699. Usa HEX de ocho dígitos cuando también necesites alfa.

Herramientas relacionadas