Conversor de Colores (HEX, RGB, HSL)
Convierte colores entre HEX, RGB y HSL al instante. Elige un color con el selector o escribe el código, copia el formato que necesites y comprueba el contraste.
Funciona en tu navegador. No se sube nada.
Relación de contraste
Sobre esta herramienta
Diseñadores y desarrolladores cambian de formato de color constantemente. Este conversor de colores traduce entre códigos HEX como #1c4fd8, valores RGB como rgb(28, 79, 216) y valores HSL como hsl(224, 77%, 48%). Elige un color con el selector visual o escribe en cualquiera de las tres cajas y las otras dos se actualizan al momento.
HEX y RGB describen la cantidad de luz roja, verde y azul, mientras que HSL describe el tono, la saturación y la luminosidad, lo que facilita crear variaciones más claras, más oscuras o más apagadas de un color. La herramienta muestra además la relación de contraste de tu color con el blanco y el negro, para que veas enseguida qué color de texto se lee bien encima. Todo funciona en tu navegador.
Cómo se usa
- Haz clic en la muestra de color para abrir el selector, o escribe un código en la caja HEX, RGB o HSL.
- Los demás formatos se actualizan solos. Se entienden códigos HEX cortos como #fa0 y notaciones como «28 79 216».
- Pulsa «Copiar» bajo el formato que necesites y pégalo en tu hoja de estilos o herramienta de diseño.
- Consulta las líneas de contraste para saber si el texto blanco o el negro se lee mejor sobre tu color.
Preguntas frecuentes
¿Cómo paso de HEX a RGB?
Escribe el código en la caja HEX y la caja RGB mostrará al instante los valores equivalentes. Por ejemplo, #ff5733 es rgb(255, 87, 51).
¿Qué es HSL y para qué sirve?
HSL significa tono, saturación y luminosidad. Como la luminosidad es un número aparte, puedes aclarar u oscurecer un color cambiando un solo valor, algo más difícil con RGB o HEX.
¿Qué significa la relación de contraste?
Mide cuánto se diferencian dos colores en brillo. Las pautas de accesibilidad (WCAG) piden al menos 4,5:1 para texto normal. La relación mostrada es la de tu color frente al blanco y frente al negro.
¿Por qué los valores convertidos a veces varían en una unidad?
Los valores HSL se redondean a números enteros, así que convertir de ida y vuelta puede cambiar un canal RGB en una o dos unidades. Los valores HEX y RGB son exactos.
Herramientas relacionadas
Generador de Códigos QR
Crea un código QR para un enlace o cualquier texto. Elige colores y tamaño y descárgalo en PNG o SVG. Gratis, sin registro y hecho en tu propio navegador.
Conversor de Unidades
Convierte longitud, peso, volumen, superficie, velocidad, temperatura y tamaño de datos entre unidades métricas e imperiales al instante. Gratis, preciso y privado.
Compresor y Conversor de Imágenes
Comprime, redimensiona y convierte imágenes a JPG, PNG o WebP online. Todo ocurre en tu navegador, así que tus fotos no se suben a ningún sitio. Gratis y sin límites.