Conversor de colores
Convierte colores entre HEX, RGB, HSL y CMYK al instante en tu navegador. Selector y conversor gratuitos, 100% privados.
1
HEX
#00E695
RGB
rgb(0, 230, 149)
RGBA
rgba(0, 230, 149, 1)
HSL
hsl(159, 100%, 45%)
HSLA
hsla(159, 100%, 45%, 1)
HSV
hsv(159, 100%, 90%)
HSVA
hsva(159, 100%, 90%, 1)
CMYK
cmyk(100%, 0%, 35%, 10%)
CMYKA
cmyka(100%, 0%, 35%, 10%, 1)
Características
100% en el navegador
Todas las conversiones de color se realizan en tu navegador. Tus datos nunca salen de tu dispositivo.
Gratis y sin registro
Sin registro, sin límites y sin costos ocultos.
Resultados instantáneos
Conversión en tiempo real mientras escribes: mira cómo se actualiza cada formato al instante.
Selector visual de colores y cuentagotas de pantalla
Elige colores visualmente con el selector integrado o captura cualquier color de toda tu pantalla con un solo clic (Chrome/Edge en escritorio); todos los formatos se actualizan simultáneamente.
¿Cómo funciona el conversor de colores?
- Elige tu formato de entrada —HEX, RGB, HSL o CMYK— e introduce tu valor de color en el campo de entrada.
- El conversor muestra al instante tu color en todos los demás formatos compatibles mientras escribes.
- Usa el selector visual de colores para elegir un color haciendo clic en el espectro o introduciendo valores directamente.
- Usa "Elegir de la pantalla" (Chrome/Edge en escritorio) para capturar cualquier color visible en tu pantalla con un solo clic.
- Copia cualquier valor convertido al portapapeles con un clic, listo para pegarlo en tu CSS o herramienta de diseño.
- Experimenta con libertad: ToolsMio procesa todo en tu navegador, así que tus datos de color permanecen privados.
Casos de uso comunes
Diseño web y CSS
Convierte colores HEX a RGB o HSL para propiedades CSS como rgba() y hsla(), que admiten transparencia. ToolsMio hace que cambiar entre formatos sea instantáneo.
Cumplimiento del manual de marca
Garantiza que tus colores corporativos sean consistentes en todas las plataformas convirtiendo entre los formatos HEX, RGB y CMYK que usan las distintas herramientas de diseño e impresión.
Accesibilidad y verificación de contraste
Convierte los colores a HSL para analizar mejor la luminosidad y la saturación de cara al cumplimiento del contraste WCAG. Combínalo con herramientas de relación de contraste para lograr diseños accesibles.
Entrega de diseño entre plataformas
Los desarrolladores y diseñadores suelen usar formatos de color distintos. Convierte rápidamente entre formatos para conectar los valores HEX de Figma con los valores RGB del código.
¿Qué deberías saber sobre la conversión de colores?
- ✓ HEX y RGB representan el mismo color con notaciones distintas: HEX es la abreviatura de los valores RGB en hexadecimal. ToolsMio convierte entre ambos sin pérdida.
- ✓ HSL (tono, saturación, luminosidad) suele ser más intuitivo para ajustar colores, porque cada canal se corresponde con un atributo perceptible por el ser humano.
- ✓ CMYK se usa principalmente para impresión. Los colores pueden verse diferentes en pantalla y en impresión debido a las distintas gamas de color entre los espacios RGB y CMYK.
- ✓ Comprueba siempre las relaciones de contraste al elegir colores de texto sobre fondos. WCAG 2.1 exige como mínimo 4.5:1 para texto normal y 3:1 para texto grande.
- ✓ Al usar rgba() en CSS, el valor alfa va de 0 (totalmente transparente) a 1 (totalmente opaco), lo que te da un control preciso sobre la transparencia de los elementos.
Preguntas Frecuentes
¿Se envían mis datos a algún servidor?
No. Todas las conversiones de color se realizan íntegramente en tu navegador mediante JavaScript. Nunca se suben ni se envían datos a ningún servidor. Cuando introduces un código HEX o eliges un color, tu navegador calcula localmente los valores equivalentes en RGB, HSL y CMYK sin realizar ninguna petición de red. Esto significa que tus elecciones de color se mantienen completamente privadas: nada se registra, se almacena ni se analiza en nuestra parte. Incluso si trabajas con colores corporativos patentados o sistemas de diseño confidenciales, puedes usar ToolsMio con la plena confianza de que tus datos permanecen en tu dispositivo. La herramienta funciona sin conexión una vez cargada la página, así que puedes seguir convirtiendo colores incluso sin internet. Tu privacidad es nuestra prioridad.
¿Qué formatos de color son compatibles?
ToolsMio admite la conversión entre los cuatro principales formatos de color: HEX, RGB, HSL y CMYK. HEX es la notación abreviada estándar usada en CSS y HTML, que representa los colores mediante un código de seis caracteres como #FF5733. RGB (rojo, verde, azul) expresa los colores como tres valores numéricos de 0 a 255, de uso común en programación y diseño digital. HSL (tono, saturación, luminosidad) ofrece una forma más intuitiva de describir los colores, basada en la percepción humana, lo que facilita crear variaciones ajustando la luminosidad o la saturación. CMYK (cian, magenta, amarillo, negro) es el modelo de color usado en impresión profesional y diseño gráfico. Al admitir los cuatro formatos, ToolsMio tiende un puente entre el diseño para pantalla y la producción impresa, garantizando que tus colores se mantengan consistentes en cada medio y flujo de trabajo.
¿Cómo convierto de HEX a RGB?
Convertir de HEX a RGB es muy sencillo con ToolsMio. Simplemente pega o escribe tu código de color HEX en el campo de entrada —por ejemplo, #00E5A0— y los valores RGB correspondientes se mostrarán al instante. La herramienta analiza el código HEX de seis caracteres, lo divide en tres pares que representan los canales rojo, verde y azul, y convierte cada par de hexadecimal a su equivalente decimal. También puedes usar el selector de color integrado para elegir un color visualmente en lugar de escribir un código. Solo haz clic en el espectro de color o introduce valores específicos, y todas las conversiones de formato se actualizan en tiempo real. Si prefieres un formato de partida distinto, puedes introducir valores RGB, HSL o CMYK directamente y el equivalente HEX aparecerá al lado. Copia cualquier resultado al portapapeles con un solo clic para usarlo al instante en tu CSS o tus herramientas de diseño.
¿Incluye un selector de colores?
¡Sí! ToolsMio incluye un selector visual de colores totalmente interactivo que hace que elegir y explorar colores sea facilísimo. Puedes hacer clic en cualquier punto del espectro de color para elegir un tono y luego ajustar la luminosidad y la saturación con el control deslizante. Al mover el selector, los cuatro formatos de color —HEX, RGB, HSL y CMYK— se actualizan en tiempo real, de modo que puedes ver exactamente cómo se representa el mismo color en los distintos sistemas. Esto resulta especialmente útil cuando necesitas igualar un color concreto de una maqueta de diseño o de una fotografía. También puedes afinar tu selección escribiendo valores precisos directamente en cualquiera de los campos de formato. El selector de colores funciona íntegramente en tu navegador sin depender de ningún servidor, lo que te da respuesta inmediata y privacidad total mientras experimentas con diferentes combinaciones de color para tus proyectos.
¿Puedo capturar un color de cualquier parte de mi pantalla?
Sí. Haz clic en el botón "Elegir de la pantalla", junto al campo HEX, para activar el cuentagotas de pantalla, disponible en las versiones de escritorio de Chrome y Edge. Tu cursor se convierte en una lupa capaz de muestrear cualquier píxel de toda tu pantalla —otras pestañas del navegador, otras aplicaciones, fotos, cualquier cosa visible— sin tomar ni subir ninguna captura de pantalla. Con un solo clic, el color muestreado rellena al instante todos los campos de formato (HEX, RGB, HSL, CMYK y más). En los navegadores que aún no admiten la EyeDropper API, como Firefox y Safari, el botón se oculta automáticamente y basta con pegar un código HEX o usar el selector visual. El muestreo de pantalla ocurre por completo en tu dispositivo: nunca se captura, se almacena ni se transmite ninguna imagen a un servidor, manteniendo el proceso totalmente privado.