Convertidor de color hexadecimal RGB HSL

Escriba o pegue un valor HEX (como #3b82f6 o #fff) en el campo HEX o utilice el selector de color. El valor RGB aparece instantáneamente como rgb(r, g, b) y puede copiarlo con un solo clic. La conversión también funciona al revés: escriba un valor rgb() y HEX se actualizará en vivo.

Sí. Todos los campos: HEX, RGB, HSL, HSV/HSB y CMYK, permanecen sincronizados. Edite cualquiera y los demás se recalculan inmediatamente, de modo que pueda leer las cinco notaciones para el mismo color sin ejecutar herramientas independientes.

Ambos describen un color por tono, pero HSL (Luminosidad) y HSV/HSB (Valor/Brillo) modelan la saturación de manera diferente. HSL coloca los colores puros con un 50% de luminosidad, mientras que HSV los coloca con un valor del 100%, por lo que el mismo porcentaje puede parecer más claro o más oscuro entre los dos. Esta herramienta muestra ambos para que pueda elegir el que espera su marco.

Escriba su color en cualquier formato y lea el campo CMYK, por ejemplo #3b82f6 se convierte en cmyk(76%, 47%, 0%, 4%). CMYK es el modelo sustractivo utilizado por los impresores, por lo que resulta útil cuando es necesario hacer coincidir el color de una web en un folleto o embalaje.

Sí, en los navegadores compatibles (Chrome, Edge y otros con la API EyeDropper), el botón "Seleccionar" abre un cuentagotas en pantalla para que pueda tomar muestras de cualquier píxel, un color de una imagen, un sitio web o su escritorio, y cargarlo directamente en el convertidor.

Sí. Los controles deslizantes interactivos R, G, B, H, S, L y alfa muestran cada uno una pista de degradado en vivo, por lo que puedes ajustar una sombra arrastrando o escribiendo un valor exacto. El control deslizante alfa produce salida HEX de 8 dígitos y rgba()/hsla() para mayor transparencia.

Sí. La vista previa del daltonismo simula cómo aparece su color en condiciones de protanopía, deuteranopía, tritanopía y acromatopsia total, por lo que puede comprobar que una paleta todavía se comunica con aproximadamente 1 de cada 12 hombres y 1 de cada 200 mujeres con una deficiencia de visión de colores.

Sí. El panel de exportación ofrece fragmentos listos para copiar para variables CSS, rgb(), SCSS, una entrada de configuración de Tailwind, Swift UIColor, Android Color.parseColor y JSON, además de muestras recientes y guardadas almacenadas localmente en su navegador.

Sí. Es completamente gratuito sin necesidad de registrarse y toda la conversión se realiza localmente en su navegador. Tus colores nunca se cargan en un servidor, por lo que el trabajo de la marca y del cliente se mantiene privado.

Sí. Convierte entre HEX, RGB(A), HSL y OKLCH moderno para que puedas copiar el formato exacto que necesita tu CSS o herramienta de diseño.

Sí. Incluya un valor alfa y producirá RGBA y hexadecimal de 8 dígitos, de modo que se conserve la opacidad cuando copie el color en sus estilos.