Selector de color
Elige colores y obtén HEX, RGB y HSL, incluso desde una imagen.
#1A6741rgb(26, 103, 65)hsl(150, 60%, 25%)Elegir de una imagen
Arrastra una imagen aquí o elige una, luego haz clic o usa las teclas de flecha sobre ella para tomar un color. Las imágenes permanecen en tu navegador.
Próximos pasos recomendados
Herramientas relacionadas
Convierte colores entre HEX, RGB y HSL, y comprueba el contraste WCAG.
Prueba una expresión regular contra texto y ve las coincidencias y los grupos de captura.
Crea un código QR a partir de cualquier texto o enlace y descárgalo en PNG o SVG.
Preguntas frecuentes
Muestra el color seleccionado en HEX (como #1A6741), RGB (como rgb(26, 103, 65)) y HSL (como hsl(150, 60%, 25%)). Cada valor tiene su propio botón de copiar para pegarlo directamente en CSS o en una herramienta de diseño.
Sí. Arrastra una imagen a la herramienta o elige una, luego haz clic en cualquier parte de ella para tomar el color de ese píxel. Los valores HEX, RGB y HSL se actualizan en consecuencia. También puedes enfocar la imagen y usar las teclas de flecha para mover el punto de muestreo sin ratón.
No. La imagen se decodifica y se lee por completo en tu navegador mediante un canvas; nunca se envía a un servidor. Nada sale de la página, así que es seguro tomar colores de capturas de pantalla privadas o de obras sin publicar.
Escríbelo en el campo HEX. Funcionan tanto los valores abreviados de 3 dígitos (#0F8) como los de 6 dígitos (#1A6741), con o sin el # inicial. La muestra y las salidas RGB y HSL se actualizan en cuanto el valor es válido.
Última actualización: 2026-06-23.