ToolHub
Abrir herramienta

Selector de color

Herramienta profesional de selección de color con soporte para múltiples formatos

Herramientas de desarrollo
Iniciar herramienta Todas las herramientas

Acerca de esta herramienta

El Selector de color es una herramienta basada en navegador para seleccionar y convertir colores entre múltiples formatos. Puedes elegir entre paletas predefinidas, ajustar el tono y la transparencia mediante deslizadores, o introducir directamente valores HEX y RGB. La herramienta muestra instantáneamente el color en formatos HEX, RGB, HSL y HSV, cada uno con copia con un clic. Todo el procesamiento se realiza localmente en el navegador, sin enviar datos a ningún servidor.

Características principales

How to Use

  1. Select a color from the preset swatches or use the color picker.
  2. Adjust hue and opacity with the slider controls.
  3. View the color values in HEX, RGB, HSL, and HSV formats.
  4. Copy any color format value to your clipboard with one click.

Vista previa rápida

Casos de uso

color selector hex rgb

Preguntas frecuentes

¿Qué formatos de color admite esta herramienta?

La herramienta muestra colores en cuatro formatos: HEX (ej. #ff6b6b), RGB/RGBA (ej. rgb(255, 107, 107)), HSL/HSLA (ej. hsl(0, 100%, 71%)) y HSV (ej. hsv(0, 58%, 100%)). Cuando la transparencia es inferior al 100%, se utilizan automáticamente los formatos RGBA y HSLA.

¿Cómo ajustar la transparencia del color?

Usa el deslizador de transparencia debajo del deslizador de tono. Arrastra hacia la izquierda para reducir la transparencia, hacia la derecha para aumentarla. La vista previa del color y todos los valores de formato se actualizan en tiempo real. Cuando la transparencia es inferior al 100%, la salida HEX incluye el canal alfa y la salida RGB/HSL cambia automáticamente a formato rgba/hsla.

¿Cuál es la diferencia entre HSL y HSV?

Ambos son modelos de color cilíndricos pero difieren en cómo definen el brillo. En HSL (tono, saturación, luminosidad), la luminosidad va de negro a color puro y luego a blanco, donde 100% de luminosidad siempre es blanco. En HSV (tono, saturación, valor), el valor va de negro a color puro, donde 100% de valor es la forma más pura del color. HSL se usa más en CSS, mientras que HSV se usa más en software gráfico.

¿Puedo introducir directamente valores HEX o RGB?

Sí. Puedes introducir directamente valores HEX (ej. #3b82f6) o RGB (ej. rgb(59, 130, 246)) en los campos de entrada, y la herramienta los convertirá instantáneamente actualizando todos los demás formatos, la vista previa del color y las posiciones de los deslizadores.

¿Cómo copiar valores de color?

Haz clic en el botón de copiar junto a cualquier valor de formato y el color se copiará al portapapeles en el formato mostrado (ej. #ff6b6b para HEX, rgb(255, 107, 107) para RGB). Luego puedes pegarlo directamente en CSS, herramientas de diseño o editores de código.

Herramientas relacionadas

Validador JSONGenerador de hashGenerador de UUIDProbador de expresiones regulares