Conversor de colores
Convierte colores entre HEX, RGB y HSL.
Cómo usar el conversor de colores
- Usa el selector de color o escribe un código HEX.
- Los valores RGB y HSL equivalentes se actualizan al momento.
Elige un color o escribe su código y verás sus valores HEX, RGB y HSL uno al lado del otro. Muy útil para diseñadores y desarrolladores que necesitan el mismo color en varios formatos.
HEX, RGB y HSL explicados
HEX y RGB describen lo mismo: cuánta luz roja, verde y azul forma un color, de 0 a 255 cada una. En HEX cada valor se escribe con dos dígitos hexadecimales, así que #FF8000 es rgb(255, 128, 0), un naranja intenso.
HSL describe el color como lo pensamos las personas: tono (el color en una rueda de 0 a 360°), saturación (lo vivo que es) y luminosidad (lo claro u oscuro). Es más cómodo para sacar versiones más claras u oscuras del mismo color. Los tres formatos funcionan en CSS.
Preguntas frecuentes
¿Qué formatos de color admite?
Muestra a la vez HEX (por ejemplo #2f6fed), RGB y HSL, calculados a partir del código HEX que elijas o escribas.
¿Puedo escribir un código HEX de 3 dígitos?
Sí, los códigos cortos como #fff se amplían solos a su versión de 6 dígitos.
¿Cómo paso de HEX a RGB a mano?
Divide el código en tres pares y pasa cada uno de hexadecimal a decimal. Para #1E90FF: 1E = 30, 90 = 144, FF = 255, es decir, rgb(30, 144, 255).
¿Qué formato uso en CSS?
Cualquiera. HEX es el más común y compacto, y HSL es el más práctico si quieres ajustar luminosidad o saturación.