Convertidor de colores
Traduce códigos de color entre diferentes modelos cromáticos con total precisión.
- Categoría
- Imágenes
- Idioma de la página
- Español
- Ejecución
- Navegador local (100% privado)
Privacidad: Los cálculos cromáticos se realizan localmente en tu equipo.
Procesamiento seguro sin conexión
Los datos y archivos que proceses nunca se transfieren a ningún servidor remoto.
View in EnglishInput
Hex (#rgb, #rrggbb, #rrggbbaa), rgb(), rgba(), hsl(), hsla(), or a CSS colour name.
Preview updates as you type. Alpha is shown only when below 1.
Result
- HEX
- #3366ff
- RGB
- rgb(51, 102, 255)
- HSL
- hsl(225, 100%, 60%)
- HSV
- 225°, 80%, 100%
- CMYK
- 80%, 60%, 0%, 0%
- Relative luminance
- 0.1743WCAG 2.x formula, 0 for black and 1 for white.
Contrast on common backgrounds
These are WCAG 2 contrast ratios for this colour used as text. Body text needs 4.5:1 and large text needs 3:1. Use the contrast checker for a full pass/fail breakdown against your own background.
- On white: 4.68:1
- On black: 4.49:1
Picked value: #3366ff
El Convertidor de Códigos de Color traduce al instante valores de color entre los modelos cromáticos más utilizados en diseño gráfico y desarrollo web: hexadecimal (HEX), RGB, HSL y CMYK. Incorpora un selector visual de color y muestra muestras cromáticas en vivo para comprobar el contraste y la fidelidad tonal, garantizando que el color se aplique de forma homogénea en pantallas e imprenta.
Cómo usar Convertidor de colores
- Introduce el código de color en cualquiera de los formatos admitidos (ej. #2563eb o rgb(37,99,235)).
- Observa la actualización inmediata de los valores correspondientes en los demás modelos.
- Ajusta los deslizadores o usa el selector visual si deseas matizar el tono.
- Copia el código del formato que necesites para tu hoja de estilos o programa de diseño.
Qué obtienes
- Valores de color equivalentes en formatos HEX, RGB, HSL y CMYK.
- Muestra visual del color con indicación de luminosidad y contraste.
Casos de uso de Convertidor de colores
- Convertir paletas de diseño de Illustrator o Photoshop (CMYK) a formatos web (HEX/RGB).
- Ajustar luminosidad y saturación de estilos CSS utilizando la representación HSL.
- Garantizar la coherencia cromática de marcas en diferentes soportes digitales y físicos.
Preguntas frecuentes sobre Convertidor de colores
¿Soporta valores con canal de transparencia alfa (RGBA y HEX de 8 dígitos)?
Sí, puedes ingresar valores de opacidad para obtener códigos RGBA, HSLA y valores hexadecimales de 8 caracteres con canal alfa incluido. La herramienta sincroniza el grado de transparencia con precisión matemática en todos los formatos correspondientes.
¿Por qué el color CMYK puede variar ligeramente al imprimirse?
Porque los monitores emiten luz mediante adición de canales RGB en pantalla, mientras que las imprentas emplean tintas físicas sustractivas con un gamut más reducido. La fórmula ofrece una conversión teórica que debe ajustarse con perfiles ICC en preimpresión.
¿En qué se diferencia el modelo de color HSL del modelo HSV?
Ambos utilizan el tono cromático en grados angulares, pero HSL define la claridad como luminosidad promedio entre blanco y negro, mientras que HSV calcula el valor respecto al brillo máximo. HSL es el estándar más extendido en hojas de estilo CSS.
¿Se transmiten las paletas o códigos de color a algún servidor?
No, todas las conversiones matemáticas entre espacios cromáticos se calculan al instante en tu propio navegador web mediante funciones nativas de JavaScript. Tus combinaciones de marca y diseños corporativos se procesan de forma privada.
Herramientas relacionadas
- Calculadora de Relación de Aspecto
Calcula y simplifica proporciones de imagen, halla dimensiones faltantes y comprueba relaciones de aspecto estándar.
- Base64 a Imagen
Decodifica cadenas Base64 y data URLs en imágenes PNG, JPG, WebP o ICO descargables.
- Simulador de Daltonismo
Simula deuteranopía, protanopía, tritanopía y acromatopsia en imágenes para evaluar accesibilidad.
- Extractor de Paletas de Color
Extrae la paleta cromática dominante de cualquier imagen con códigos HEX y RGB precisos.
⚡Incrustar Convertidor de colores en tu sitio web↓
Copia el código de inserción o la insignia para integrar esta herramienta en tu sitio web, blog o documentación.
<iframe src="https://salaq.com/embed/image/color-converter" title="Convertidor de colores — Tools Hub" width="100%" height="640" style="border:0;border-radius:12px;overflow:hidden;max-width:100%;" loading="lazy"></iframe>
<p style="font-size:12px;color:#6b7280;margin-top:6px;font-family:system-ui,-apple-system,sans-serif;">Desarrollado con <a href="https://salaq.com/es/tools/image/color-converter" target="_blank" rel="noopener" style="color:#2563eb;text-decoration:underline;">Convertidor de colores en Tools Hub</a></p>