Conversor de color (HEX, RGB, HSL)
Convierte colores entre HEX, RGB, HSL y HSV. Pega un color por línea, incluidos HEX de 3 dígitos, rgb() y hsl(), y haz clic en cualquier muestra para copiar
Convierte colores entre HEX, RGB, HSL y HSV en ambos sentidos. Pega un color por línea, incluidos los HEX abreviados de 3 dígitos y los valores rgb() y hsl(), y obtén todas las representaciones a la vez, con una muestra en la que puedes hacer clic para copiar el código HEX.
Te resulta útil cuando una herramienta de diseño te da HSL pero el CSS que has heredado usa HEX, cuando necesitas el triplete RGB para un canvas o un archivo de recursos de Android, o cuando revisas una paleta de marca y quieres ver cómo se relacionan los tonos. La conversión sigue las fórmulas estándar de CSS y los valores alpha se conservan si los indicas.
Cómo convertir colores entre HEX, RGB, HSL y HSV
Introduce un color por línea en cualquier formato admitido
Lee los valores HEX, RGB, HSL y HSV convertidos
Haz clic en una muestra para copiar su código HEX
Preguntas frecuentes
¿Qué formatos se aceptan como entrada?
HEX (#1a2b3c o #abc), rgb(26, 43, 60), rgba(...), hsl(210, 40%, 17%) y hsla(...), uno por línea, con o sin el nombre de la función en minúsculas.
¿Puedo convertir varios colores a la vez?
Sí, pega una paleta entera, un color por línea, y cada línea se convierte de forma independiente.
¿Cómo copio un resultado?
Haz clic en cualquier muestra de color y su valor HEX se copia al portapapeles; la salida de texto también se puede seleccionar y copiar como cualquier otro texto.
¿El resultado es idéntico al de las funciones de color de CSS?
Sí, se usan las fórmulas estándar de sRGB y los valores HSL/HSV se redondean para que se lean mejor. El redondeo puede desplazar un canal en una unidad, algo invisible en la práctica.
¿Gestiona la transparencia?
Los valores alpha de las entradas rgba() y hsla() se conservan en la salida HEX como un valor de 8 dígitos con alpha. Así no se pierde la transparencia.
¿Se envía algo a un servidor?
No, la conversión es pura aritmética que se ejecuta en tu navegador. No se transmite ningún dato.
¿Entre qué formatos de color puedo convertir?
HEX, RGB, HSL y HSV: los formatos que usan CSS, las herramientas de diseño y el código. CMYK es un espacio de color de imprenta y no puede derivarse con exactitud a partir de valores de pantalla, así que toma cualquier cifra CMYK como una guía aproximada y no como un contrato.
¿Qué me dice la comprobación de contraste?
Si una combinación de texto y fondo cumple los ratios de contraste mínimos de WCAG: 4.5:1 para texto normal y 3:1 para texto grande. A menudo esa es la diferencia entre una interfaz que pasa una revisión de accesibilidad y una que no.
¿Por qué el mismo color se ve distinto en otro sitio?
Las pantallas se diferencian en gama, brillo y calibración. sRGB es la suposición segura para la web, y los colores definidos fuera de ese rango pueden recortarse a algo parecido en una pantalla corriente.
¿Se envían mis datos de color a algún sitio?
No, la conversión ocurre dentro de tu navegador.
De un vistazo
| Entrada | texto |
|---|---|
| Varios archivos | No |
| Dónde se ejecuta | En tu navegador: los archivos no se suben nunca |
| Funciona sin conexión | Sí — una vez cargada la página |
| Precio | Gratis, sin registro y sin marca de agua |
Dónde se rompen las conversiones sin hacer ruido
La mayoría de los errores de conversión no tienen que ver con la sintaxis, sino con el significado. Una columna CSV de códigos postales pierde sus ceros iniciales en el momento en que una hoja de cálculo supone que es un número; un ID largo supera la precisión de coma flotante; las fechas cambian de significado según si van con el día primero o el mes primero. Las claves de JSON no tienen orden, pero los arrays no, y una herramienta que ordena claves no cambia nada, mientras que una que ordena arrays cambia los datos. Unicode es otra trampa: el texto puede llegar como UTF-8, como UTF-16 o con BOM, y un decodificador que adivina mal convierte los caracteres acentuados en «Mojibake». Antes de fiarte de cualquier conversión, revisa la primera y la última fila, cualquier campo con ceros iniciales y cualquier campo que contenga comillas, comas o saltos de línea.
Elegir un formato de datos
JSON es lo predeterminado para todo lo que devuelve una API o lee un programa: maneja estructuras anidadas, números, booleanos y null de forma natural, y todos los lenguajes lo analizan. CSV es más pequeño y se abre directamente en una hoja de cálculo, pero no tiene forma de expresar anidamiento ni un estándar compartido para el delimitador, las comillas o el juego de caracteres, que es justo donde fallan las conversiones. XML es verboso, pero admite atributos, contenido mixto y esquemas, así que sigue dominando los formatos de documento y las integraciones heredadas. YAML es el más legible para configuración, pero es sensible a los espacios y tiene conversiones de tipo sorprendentes («no» se convierte en false, una versión como 1.10 se convierte en 1.1). Elige el formato que prefiera la herramienta que lo va a consumir, no el que se vea más bonito.