Conversor de color

Cómo hacerlo

1. 1
   Rellena los campos

   Escribe tus números o elige las opciones que necesites.

2. 2
   Mira el resultado

   La respuesta se actualiza al instante cuando cambias un valor.

3. 3
   Úsalo

   Copia el resultado o anótalo. No se envía nada a ningún sitio.

Sobre esta herramienta

Type a colour as a hex code (#2563eb), as rgb(37, 99, 235) or as hsl(221, 83%, 53%). You get the same colour in HEX, RGB, HSL and CMYK, ready to copy into CSS or a design tool, plus a preview swatch.

When to use it

Convert colours between HEX, RGB, HSL and CMYK.

Tips

CMYK values are approximate on screen. Check proofs for print.

Privacy

Everything runs in your browser, so your data is not uploaded or stored.

Colour formats

HEX is a six digit code such as #2563EB, RGB gives red, green and blue from 0 to 255, HSL describes hue, saturation and lightness and CMYK is used in print. Web pages use HEX, RGB or HSL.

Ejemplo práctico

With the boxes at their starting values (Colour (hex, rgb() or hsl()): #2563eb), the tool shows: RGB: rgb(37, 99, 235); HSL: hsl(221, 83%, 53%); CMYK: cmyk(84%, 58%, 0%, 8%); CSS: color: #2563EB;; HEX: #2563EB. Change any box to see your own numbers. The result updates as you type, and nothing leaves your browser.

Consejos para mejores resultados

Revisa cada campo antes de fiarte de un resultado, porque un dígito equivocado cambia toda la respuesta. Usa las cifras exactas de tu nómina, factura, certificado o contrato y anota la fecha en que calculaste. Las tarifas, umbrales y normas cambian de vez en cuando, así que en impuestos, tasas y asuntos legales trata el resultado como una estimación y confírmalo con la fuente oficial indicada en esta página. Puedes probar todos los escenarios que quieras; no se guarda ni se envía nada, y al recargar la página se vacían los campos.