Comprimir imagen
Reduce el peso de tus imágenes sin complicaciones.
Imágenes
Selector de color
Procesamiento localEQUIVALENCIAS
#46745A · RGB (70, 116, 90) · HSL (146, 25 %, 36 %)
Qué es selector de color
El selector de color te da el código de cualquier color en los formatos HEX, RGB y HSL, que son los que se usan en diseño web, en programas de diseño y en CSS. También acepta un color escrito en cualquiera de esos formatos y lo traduce a los demás.
Es útil para mantener la coherencia de colores de una marca entre la web, las redes y los documentos.
Cómo utilizar selector de color
- Elige un color con el selector visual, o escribe un código como #46745a, 70, 116, 90 o hsl(140, 25%, 36%).
- Revisa sus valores en HEX, RGB y HSL.
- Copia el formato que necesites.
Un ejemplo práctico
#46745a corresponde a RGB (70, 116, 90).
Para qué te sirve
- Pasar a HEX el color de marca que te dieron en RGB.
- Ajustar el tono o la luminosidad de un color en HSL para crear una variante.
- Copiar códigos de color para CSS, Canva o Figma.
Detalles a tener en cuenta
Selecciona un color con el control nativo o escribe su código hexadecimal.
La resolución máxima de procesamiento es de 24 megapíxeles. El formato de salida puede cambiar la transparencia y el tamaño del archivo.
Preguntas frecuentes
¿Qué diferencia hay entre HEX y RGB?
Representan lo mismo: la cantidad de rojo, verde y azul. HEX lo escribe en hexadecimal (#46745a) y RGB en números de 0 a 255 (70, 116, 90).
¿Para qué sirve HSL?
HSL separa el tono, la saturación y la luminosidad, lo que facilita crear versiones más claras u oscuras de un mismo color cambiando solo un número.
¿Se guardan mis datos?
Esta herramienta procesa la información en tu navegador. No enviamos tus entradas ni archivos a un servidor.
