Convierte HEX a RGB y HSL, RGB a HEX o HSL a RGB. Pega un código o usa el selector, previsualiza el color y copia cada formato. Gratis y en tu navegador.
● Tus archivos son tuyosCargando conversor…
Volver a cargar el conversorPega un valor HEX, rgb() o hsl() compatible. Los resultados se actualizan al instante. También puedes usar el selector o probar un ejemplo de formato. Copia el formato que necesites; Borrar elimina la entrada y los resultados.
Solo colores sRGB opacos. HEX: 3 o 6 dígitos, con o sin #. RGB: tres valores de 0–255 o tres porcentajes de 0–100%. HSL: tono de 0–360 (deg opcional), saturación y luminosidad de 0–100% con el signo %. Se aceptan comas o espacios. Usa punto decimal; se admiten dígitos árabes y persas. Sin transparencia, nombres de colores, variables CSS, otras unidades angulares, CMYK ni gamas amplias. Los datos no se suben ni se guardan.
Estas notaciones describen colores sRGB de distintas maneras. HEX usa canales hexadecimales; RGB usa rojo, verde y azul; HSL usa tono, saturación y luminosidad. Cada fila representa el mismo color.
| HEX | RGB | HSL |
|---|---|---|
| #FF0000 | rgb(255, 0, 0) | hsl(0, 100%, 50%) |
| #00FF00 | rgb(0, 255, 0) | hsl(120, 100%, 50%) |
| #0000FF | rgb(0, 0, 255) | hsl(240, 100%, 50%) |
Divide los seis dígitos HEX en tres pares y convierte cada par de base 16 a decimal. #FF8000 equivale a rgb(255, 128, 0). En un código corto se duplica cada dígito: #abc pasa a #AABBCC.
Pega rgb(255, 128, 0) o hsl(30, 100%, 50%). La herramienta calcula los canales RGB enteros y escribe cada canal con dos dígitos hexadecimales.
HSL puede describir valores entre pasos de RGB de 8 bits. Primero redondeamos los canales RGB a enteros y después calculamos HSL con dos decimales. Puede haber pequeñas diferencias al convertir de ida y vuelta.
El gris tiene saturación cero, así que el tono no cambia su aspecto. La herramienta usa tono 0 en ese caso.
No. Usa el comprobador de contraste relacionado para texto y fondo. CMYK necesita un perfil de impresión y queda fuera del alcance de esta herramienta.
