Convertir colores

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

Ver ejemplo ↓Tus favoritos

Tus archivos se procesan aquí, en tu dispositivo

No enviamos el contenido de tus archivos o textos a un servidor de procesamiento. No necesitas una cuenta y no hay un cupo diario de operaciones. Cada herramienta tiene límites de tamaño para cuidar la memoria de tu dispositivo.

Necesitas conexión para cargar el sitio y sus recursos. El alojamiento puede recibir datos técnicos de las visitas. Los favoritos guardan solo identificadores de herramientas en este navegador.

Cómo tratamos tus datos →

Cómo usar esta herramienta

  1. Selecciona HEX, RGB o HSL como formato de entrada.
  2. Introduce un color opaco con los valores que corresponden a ese formato.
  3. Compara vista previa y valores redondeados antes de usarlos en un diseño.

Un ejemplo que puedes comprobar

Traduce un color opaco entre las representaciones usadas en CSS y diseño.

Datos de ejemplo

#ff0000

OpcionesFormato de entrada: HEX.

Resultado esperado

HEX #FF0000; RGB rgb(255, 0, 0); HSL hsl(0, 100%, 50%).

No se procesa canal alfa. Los canales RGB y los valores HSL se redondean según la conversión indicada.

Continúa tu tarea

Descarga el resultado o copia el texto antes de abrir otra herramienta. Después puedes cargarlo o pegarlo en el siguiente paso; no se transfiere automáticamente.

Preparar una paleta de color

Crea tonos a partir de un HEX y obtén sus valores RGB y HSL.

  1. Crear los tonos
  2. Convertir un colorAquí
Opciones y límites

Elige el formato e introduce un color opaco. Por ejemplo: #3659D9, rgb(54, 89, 217) o hsl(227, 68%, 53%). La conversión redondea los canales RGB a enteros y HSL a grados y porcentajes.