Conversor de colores
Convierte colores entre HEX, RGB / RGBA, HSL, HSV y CMYK en una cuadrícula que se actualiza en tiempo real. Incluye vista previa de muestra y búsqueda de nombres de color CSS.
Cómo usar
- 1 Introduce un valor de color en cualquiera de las líneas — HEX, RGB, HSL, HSV o CMYK — y las otras cuatro se actualizarán automáticamente en tiempo real.
- 2 También puedes pegar un nombre de color CSS (red, dodgerblue, rebeccapurple) en la línea de HEX.
- 3 Activa Include alpha para ampliar a HEX-8 y a las variantes RGBA / HSLA / HSVA; arrastra el control deslizante para ajustar la transparencia.
- 4 Usa el botón Copy de cada línea para copiar el valor correspondiente al portapapeles.
Por qué usar esta herramienta
- Los cinco formatos permanecen siempre sincronizados — no hace falta copiar y pegar entre tres sitios web distintos.
- Acepta tanto la sintaxis moderna como la clásica — rgb(255 87 51), rgb(255, 87, 51) o rgba(255 87 51 / 0.5).
- La búsqueda de nombres de color CSS cubre las 148 palabras clave de SVG / CSS4.
- Todos los cálculos se ejecutan en el navegador, así que ninguna paleta de tu marca se sube a ningún servidor.
Preguntas frecuentes
¿HEX admite canal alfa?
Sí — al activar el interruptor de alfa, el HEX se amplía a 8 caracteres (#RRGGBBAA). Los navegadores modernos y la mayoría de las herramientas de diseño aceptan este formato.
¿Por qué mis valores de HSL y HSV aparecen redondeados?
Los canales de color se muestran redondeados a porcentajes enteros para facilitar la lectura. Internamente, la conversión mantiene toda la precisión, así que al volver a RGB se obtiene de nuevo el valor exacto en bytes.
El color CMYK se ve un poco distinto al de mi software de impresión.
El navegador y la mayoría de los conversores en línea usan una fórmula simplificada RGB↔CMYK — el color de impresión real depende del perfil de color (ICC, GRACoL, FOGRA). Usa esta herramienta solo como una estimación en pantalla.
¿Y si solo necesito convertir entre HEX y RGB?
Esta herramienta gestiona los cinco formatos, pero si solo necesitas un cambio rápido, pega el valor HEX en la primera línea y lee el valor RGB en la segunda.
¿Qué es Conversor de colores?
El conversor de colores es una herramienta que traduce un mismo valor de color entre varios modelos de espacio de color — los más comunes son HEX (notación abreviada usada en la web), RGB / RGBA (rojo-verde-azul con un canal alfa opcional), HSL (matiz/saturación/luminosidad), HSV (matiz/saturación/valor) y CMYK (usado en impresión, con cian/magenta/amarillo/negro). La herramienta normaliza cualquier valor a una representación interna común y luego lo convierte entre formatos, junto con un cuadro de vista previa de muestra para comprobar el resultado a simple vista.
Características
Cinco modelos de color
Convierte entre HEX, RGB / RGBA, HSL, HSV y CMYK: edita cualquier campo y el resto se actualiza en vivo.
Muestra y colores con nombre
Una muestra en vivo previsualiza el resultado, y los 148 colores con nombre de CSS son buscables.
Gratis y privado
Se ejecuta completamente en el cliente: sin necesidad de registrarte, sin subir nada.
Ejemplo
Input
#3B82F6Output
rgb(59, 130, 246) · hsl(217, 91%, 60%) · hsv(217, 76%, 96%)Casos de uso comunes
-
1
HEX ↔ RGB para CSS
Convierte el HEX de un diseñador a rgb()/rgba() o HSL para hojas de estilo y tokens de diseño.
-
2
CMYK listo para impresión
Obtén un desglose aproximado en CMYK de un color de pantalla para trabajos de impresión.
-
3
Ajusta con HSL/HSV
Cambia a HSL o HSV para ajustar el tono, la saturación y la luminosidad de forma intuitiva.
Cómo se compara Conversor de colores con otras alternativas
| Característica | Zerethon Tools | Herramientas en línea típicas | Aplicaciones de escritorio |
|---|---|---|---|
| HEX / RGB / HSL / HSV / CMYK | All five | 2–3 | All five |
| Alpha channel (RGBA) | Yes | Sometimes | Yes |
| CSS named-color lookup | Yes | Rarely | Sometimes |
| Live grid (all formats) | Yes | No | Sometimes |
| Free | Yes | Yes | Often paid |
El conversor de colores de Zerethon traduce un único color entre HEX, RGB/RGBA, HSL, HSV y CMYK en una cuadrícula en vivo, con una vista previa de la muestra de color y búsqueda de nombres de color CSS. Normaliza a un valor interno común y convierte entre formatos de ida y vuelta según la especificación CSS Color. Todo se ejecuta en tu navegador.
- Categoría
- Creador
- Precio
- Gratis
- Privacidad
- Basado en el navegador
- Registro
- No necesario
Referencias
- CSS Color Module Level 4 — W3C
- <color>: tipo de dato CSS — MDN
Privacidad
Tus datos nunca salen de tu navegador, salvo que se indique explícitamente. Conversor de colores funciona completamente del lado del cliente — sin subida a servidor, sin registro de actividad, sin seguimiento de tu contenido.
Aprende lo básico
Herramientas relacionadas
Descargador de Miniaturas de YouTube
Descarga la miniatura de cualquier video de YouTube en todas las resoluciones disponibles. Solo tienes que pegar la URL del video.
Abrir herramientaVista previa de Open Graph
Comprueba cómo se verá tu URL al compartirla en redes sociales. Previsualiza la tarjeta de contenido compartido en Facebook, Twitter, LinkedIn y Slack.
Abrir herramientaContador de palabras y caracteres
Cuenta palabras, caracteres, oraciones y párrafos. Tiempo de lectura, tiempo de habla y palabras clave destacadas — al instante.
Abrir herramientaGenerador de Lorem Ipsum
Genera texto de relleno Lorem Ipsum — por párrafos, frases o palabras. Con opción de envoltura HTML.
Abrir herramientaCrea, comparte y crece en Zerethon Social
Registro gratuito. Gana puntos, colecciona logros y conecta con creadores de todo el mundo.