Colores y diseño

Conversor de colores

Obtén valores HEX, RGB y HSL de un color.

Cómo usar
Gratis. Siempre.Los datos quedan en tu navegadorSin registro

Tus herramientas guardadas se quedan en este navegador.

Conversor de colores — espacio de trabajo

Cargando tu herramienta…

Cómo usar: Conversor de colores

  1. Empieza con el ejemplo o sustitúyelo por tus datos.

  2. Revisa Color y pulsa «Obtener resultado».

  3. Revisa el resultado y cópialo o descárgalo. Edita cualquier dato para repetir.

Qué puedes hacer

  • Obtén valores HEX, RGB y HSL de un color.

Qué obtienes

  • Un resultado para revisar, copiar o descargar. Las herramientas numéricas muestran cálculos etiquetados y las de texto, el resultado transformado.

Qué necesitas

Color
Elige un color o introduce un color hexadecimal de seis dígitos.

Prueba un ejemplo

Color
#6550c8
Probar en la herramienta

Conviene saber

  • Usa un navegador actual con JavaScript activado. Los formatos y la velocidad dependen del navegador, dispositivo y tamaño de los datos.

Tu trabajo se queda en tu dispositivo

Tus archivos y datos se procesan en el navegador y no se suben para procesarlos. El sitio y los motores necesarios sí se descargan desde la web.

Preguntas y respuestas

¿Conversor de colores es gratis?

Sí. Conversor de colores es gratis y no requiere cuenta.

¿Se suben mis archivos o datos?

Tus archivos y datos se procesan en el navegador y no se suben para procesarlos. El sitio y los motores necesarios sí se descargan desde la web.

¿Qué resultado puedo guardar?

Un resultado para revisar, copiar o descargar. Las herramientas numéricas muestran cálculos etiquetados y las de texto, el resultado transformado.

¿Qué debo revisar antes de usar el resultado?

Usa un navegador actual con JavaScript activado. Los formatos y la velocidad dependen del navegador, dispositivo y tamaño de los datos.

Continúa con otra herramienta

Contraste de colores Comprueba la legibilidad con las relaciones WCAG AA y AAA.Creador de degradados Previsualiza un degradado de dos colores y copia el CSS.Relación de aspecto Calcula la proporción y redimensiona sin deformar.Paleta de colores Crea tonos claros y oscuros de un color base.Mezclar dos colores Mezcla dos colores RGB con la proporción elegida del segundo color.