¿Qué formatos de entrada se aceptan?

HEX (3 o 6 dígitos, con o sin #), rgb()/rgba() y hsl()/hsla().

¿En qué se diferencia de un conversor de colores básico?

Esta herramienta se centra en la salida para desarrolladores — código listo para pegar en CSS, SwiftUI, Android y Flutter, además de HSV y CMYK.

¿Es el CMYK preciso para impresión?

Es una conversión matemática estándar. Para una salida de impresión exacta, usa el perfil de gestión de color de tu proveedor de impresión.

Tono, Saturación, Valor — un modelo que algunas herramientas de diseño llaman HSB. Es útil para seleccionar y ajustar colores.

No. Todo se convierte en tu navegador y nada sale de tu dispositivo.

Conversor de formatos de color

Color

Valores

HEX#3498DB

RGB52, 152, 219

HSL204, 70%, 53%

HSV204, 76%, 86%

CMYK76, 31, 0, 14

Fragmentos de código

CSS hex#3498db

CSS rgb()rgb(52, 152, 219)

CSS hsl()hsl(204, 70%, 53%)

SwiftUIColor(red: 0.204, green: 0.596, blue: 0.859)

Android XML<color name="color">#3498DB</color>

FlutterColor(0xFF3498DB)

Sitios externos relacionados

Algunos enlaces son enlaces de afiliados.

Adobe ColorUna herramienta gratuita en línea para crear y explorar paletas de colores y temas. Usa la rueda de color para crear esquemas armoniosos, o extrae colores de una imagen. Las paletas se sincronizan directamente con Creative Cloud.CanvaUna popular plataforma de diseño con arrastrar y soltar para crear publicaciones en redes sociales, presentaciones, carteles y más. Ofrece una enorme biblioteca de plantillas, fotos y gráficos gratuitos y premium. No se necesita experiencia en diseño.

Herramientas relacionadas

Conversor de ColorConvierte cualquier color entre HEX, RGB, HSL, HSV y RGBA a la vez. Edita un valor, copia con un clic, con alfa y contraste WCAG.Generador de Paletas de ColoresGenera paletas de colores armónicas desde un HEX base usando esquemas complementario, análogo, triádico y más. Bloquea colores, regenera el resto y exporta a CSS, Tailwind o JSON.Extractor de Colores de ImagenExtrae la paleta de colores dominantes de cualquier imagen en tu navegador, sin subir nada. Obtén HEX, RGB y porcentaje (%) de cada color, elige cuántos colores y exporta como CSS/JSON.Conversor de Unidades CSSConvierte entre px, rem, em, pt y % para CSS, con tamaños de fuente raíz y base ajustables, en tu navegador.

Pega un color en HEX, RGB o HSL y este conversor lo muestra en todos los formatos habituales — HEX, RGB, HSL, HSV y CMYK — y genera código listo para pegar en CSS, SwiftUI, Android y Flutter. Está pensado para desarrolladores que necesitan el mismo color en otra sintaxis. Todo funciona en tu navegador.

Cómo usarlo

Pega un color en formato HEX, rgb() o hsl().
Consulta los valores en cada formato desde la vista previa en tiempo real.
Copia el fragmento de código para la plataforma en la que estés trabajando.

Cómo funciona

La entrada se descompone en componentes rojo, verde y azul, independientemente de la sintaxis utilizada. A partir de esos valores, la herramienta calcula los demás modelos: HSL y HSV describen tono, saturación y luminosidad/valor, mientras que CMYK es el modelo de impresión cian-magenta-amarillo-negro. Cada fragmento de plataforma se escribe con la sintaxis exacta del lenguaje correspondiente, listo para pegar en tu código.

Características

Cinco modelos de color

Consulta HEX, RGB, HSL, HSV y CMYK de cualquier color a la vez.

Código listo para copiar

Obtén fragmentos de CSS, SwiftUI, Android XML y Flutter.

Entrada flexible

Acepta HEX (3 o 6 dígitos), rgb() y hsl().

Privado e instantáneo

Toda la conversión se hace en tu navegador; nada se sube.

Cuándo usarlo

Desarrollo web

Cambia un color entre hex, rgb() y hsl() para CSS.

Aplicaciones móviles

Obtén el literal de color correcto para SwiftUI, Android o Flutter.

Impresión

Consulta el desglose CMYK para trabajos orientados a la impresión.

De diseño a código

Traduce el color de un diseño al código exacto que necesitas.

Notas

HSV también se llama HSB en algunas herramientas de diseño.
El CMYK aquí es una conversión matemática simple, no un perfil de gestión de color.
Los fragmentos de Android y Flutter asumen un color completamente opaco.
Toda la conversión se ejecuta en tu dispositivo; nada se sube.

Preguntas frecuentes

¿Qué formatos de entrada se aceptan?: HEX (3 o 6 dígitos, con o sin #), rgb()/rgba() y hsl()/hsla().
¿En qué se diferencia de un conversor de colores básico?: Esta herramienta se centra en la salida para desarrolladores — código listo para pegar en CSS, SwiftUI, Android y Flutter, además de HSV y CMYK.
¿Es el CMYK preciso para impresión?: Es una conversión matemática estándar. Para una salida de impresión exacta, usa el perfil de gestión de color de tu proveedor de impresión.
¿Qué es HSV?: Tono, Saturación, Valor — un modelo que algunas herramientas de diseño llaman HSB. Es útil para seleccionar y ajustar colores.
¿Se sube mi color?: No. Todo se convierte en tu navegador y nada sale de tu dispositivo.