Categoría: Desarrollo
Convertidor de color HEX, RGB y HSL
Un valor de color convertido a las tres notaciones CSS, con muestra en pantalla
Pega un valor HEX, RGB o HSL o usa el selector de color y obtén las tres notaciones CSS con una muestra. Todo se convierte en tu navegador y nada se sube.
Todo lo de esta página se procesa en tu navegador. No se sube nada.
Para qué sirve
Este convertidor trabaja con las tres notaciones de color que se escriben en una hoja de estilos: HEX, RGB y HSL. Puedes pegar un hexadecimal corto como #F00 o completo como #FF0000, escribir los canales de rgb() o los valores de tono, saturación y luminosidad de hsl(), o abrir el selector de color del sistema y elegir a ojo; el campo de texto sigue siendo editable. La herramienta lee los tres primeros canales y devuelve el HEX, el RGB y el HSL normalizados junto con una muestra de color, y si el valor no se puede interpretar lo marca como color no válido en lugar de inventar un resultado. Conviene decir con claridad lo que no hace, porque las páginas que compiten por estas búsquedas suelen ofrecer mucho más. El canal alfa es el primer límite: rgba() y hsla() se aceptan como entrada, pero el alfa se ignora y nunca aparece en la salida, así que no hay RGBA ni hexadecimal de 8 dígitos. Tampoco hay CMYK ni ninguna conversión pensada para impresión, ni HSV, LAB, LCH u OKLCH, ni perfiles de color, ni nombres de color CSS como darkviolet. No genera paletas ni catálogos, no evalúa contraste, no incluye cuentagotas ni permite subir una imagen, y no ofrece conversión por lotes ni descarga de archivos. Los valores que introduces y sus conversiones se quedan en tu navegador y nunca se envían a LocalTools.
Cómo se usa
- Pega un valor HEX, RGB o HSL, o elige un color con el selector del sistema.
- Se leen los tres primeros canales y se calculan el HEX, el RGB y el HSL normalizados.
- Comprueba la muestra, copia la notación que necesites y revisa el aviso si el valor no es válido.
Privacidad
Esta herramienta funciona íntegramente en tu navegador. Lo que introduces nunca se sube, se guarda ni se comparte: al cerrar la pestaña desaparece.
Preguntas frecuentes
- ¿Cómo convertir HEX en RGB?
- Pega el código hexadecimal con o sin almohadilla. Cada par de dígitos se convierte en un canal de 0 a 255, y el resultado en RGB y HSL aparece al instante junto a la muestra de color.
- ¿Cómo pasar de RGB a hexadecimal?
- Introduce los tres canales de 0 a 255 y la herramienta los reescribe en hexadecimal de seis dígitos, además de darte el equivalente en HSL. La conversión es exacta: es el mismo color escrito de otra forma.
- ¿Qué son los códigos de color HEX?
- Son la notación #RRGGBB que usan HTML y CSS: cada par hexadecimal representa la intensidad de rojo, verde y azul. La forma corta de tres dígitos es una abreviatura equivalente y aquí también se acepta.
- ¿Convierte a CMYK, HSV o nombres de color?
- No. Solo trabaja con HEX, RGB y HSL. CMYK es una conversión de impresión que queda fuera, y tampoco hay HSV, LAB, LCH, OKLCH, perfiles de color ni nombres CSS como darkviolet.
- ¿Se conserva la transparencia si pego un rgba()?
- No. El valor rgba() o hsla() se interpreta, pero solo se convierten los tres primeros canales: el alfa se ignora y no aparece en la salida, ni en forma de RGBA ni de hexadecimal de ocho dígitos.