Herramientas · Color · Conversor de colores
Conversor de colores
Convierte un color entre HEX, RGB, HSL y OKLCH, en vivo.
Añade un archivo y ejecuta la herramienta.
Tu archivo está listo.
Prueba otro archivo, o inténtalo de nuevo.
Ajustes
Ajusta la configuración de abajo. El resultado se actualiza sobre la marcha.
Funciona por completo en tu navegador. No se sube ningún archivo.
Funciona por completo en tu navegador. Nada se sube nunca a un servidor.
Cómo funciona
Introduce o elige un color en cualquier formato.
Consulta sus valores HEX, RGB, HSL y OKLCH.
Copia el valor en el formato que necesites.
Preguntas frecuentes
HEX, RGB (y RGBA), HSL (y HSLA), y OKLCH, convirtiendo entre los cuatro mientras escribes.
Un formato de color CSS más nuevo pensado para la uniformidad perceptual: un cambio igual en sus valores se ve como un cambio igual en luminosidad, croma y tono, útil para crear escalas de color coherentes.
Sí: escribe o pega un valor con alfa (como un color rgba() o hsla()) y se traslada automáticamente a todos los demás formatos.
No. La conversión ocurre por completo en tu navegador.
Guías
Una mirada más de cerca a problemas concretos que resuelve esta herramienta.
Why a Color Rarely Survives the Trip From One Format to Another
A hex code copied from a design file doesn't stay a hex code for long. It becomes an rgba() for an overlay, an hsl() for a lightness tweak, maybe an oklch() for a newer color scale - and every hand conversion in between is a place for a digit to slip.
Leer la guíaHow to Convert a Color Between HEX, RGB, HSL, and OKLCH
Paste a color into any of four fields and the other three update immediately. Here is what each field expects, what happens to alpha, and why OKLCH shows more decimal places than the rest.
Leer la guíaOKLCH vs HSL: What Actually Changes When You Convert a Color Scale
HSL feels intuitive because it separates hue, saturation and lightness into three numbers you can reason about. OKLCH does the same thing, more accurately. Here is the actual difference, and when it is worth converting.
Leer la guía
Comentarios