ToolHabibi LogoTool Habibi
Todas las herramientas

Selector y Convertidor de Color

Elige un color y obtén al instante sus valores HEX, RGB y HSL, junto con una fila de tonos más claros y más oscuros.

100% gratis, sin registro
#2F6F5E
rgb(47, 111, 94)
hsl(164, 41%, 31%)

Shades & tints

Tus archivos se procesan en tu navegador y nunca se suben a ningún servidor.

Cómo usar esta herramienta

  1. 1Haz clic en la muestra de color para abrir el selector de tu sistema.
  2. 2Los valores HEX, RGB y HSL se actualizan al instante.
  3. 3Haz clic en cualquier formato para copiarlo.
  4. 4Haz clic en un tono abajo para copiar su código HEX.

Preguntas frecuentes

¿Puedo escribir un código HEX directamente?+

Sí, la mayoría de navegadores permiten escribir un valor HEX directamente en el selector nativo.

Diseñadores y desarrolladores necesitan constantemente convertir un color entre formatos — un valor HEX para CSS, RGB para una librería de canvas, HSL para ajustar el brillo programáticamente. Esta herramienta convierte al instante entre los tres, y genera una fila de tonos para encontrar rápidamente un estado hover más claro o un estado presionado más oscuro para un botón.