Selector y conversor de color
Mové el selector o pegá un valor HEX para convertirlo automáticamente a RGB y HSL.
Selector de color, HEX, RGB y HSL.
Herramientas de Color
Elegí un color y obtené sus valores en HEX, RGB y HSL. Ideal para CSS, diseño web y pruebas rápidas.
Todo funciona localmente en tu navegador.
Cómo usar el selector y conversor de colores
Esta herramienta permite seleccionar un color visualmente o ingresar un código HEX para obtener automáticamente sus equivalentes en RGB y HSL. Resulta útil al preparar estilos CSS, diseñar interfaces, documentar una identidad visual, comparar colores o copiar valores entre distintas aplicaciones.
Cómo utilizarla
- Elegí un color usando el selector visual.
- También podés escribir un código HEX, como #2563EB.
- Los valores RGB y HSL se calculan automáticamente.
- Usá los botones para copiar cada formato al portapapeles.
- Presioná “Color random” para generar una opción al azar.
Qué diferencia hay entre HEX, RGB y HSL
HEX representa el color mediante un código hexadecimal y es muy habitual en CSS. RGB describe la cantidad de rojo, verde y azul. HSL separa el tono, la saturación y la luminosidad, por lo que suele ser más cómodo para aclarar, oscurecer o crear variaciones de un mismo color.
Privacidad
La conversión se realiza localmente en el navegador. Los colores ingresados o generados no se envían al servidor ni se almacenan en SWS Universe.
Preguntas frecuentes
¿Qué formatos de color muestra esta herramienta?
La herramienta muestra el color seleccionado en HEX, RGB y HSL.
¿Los colores se guardan?
No. Todo funciona localmente en tu navegador y no se envía información a SWS Universe.
¿Para qué sirve convertir HEX a RGB o HSL?
Sirve para usar el mismo color en CSS, diseño web, herramientas gráficas o documentación técnica.
¿Puedo ingresar directamente un valor RGB o HSL?
En esta versión el valor editable es HEX. Los equivalentes RGB y HSL se calculan automáticamente y se muestran como resultados.
¿Cómo puedo usar estos valores en CSS?
Podés copiar cualquiera de los resultados y usarlo en propiedades CSS como color, background-color, border-color o box-shadow.