Actualiza a Premium: ¡sin anuncios, más potencia! ⚡ — Más información

Selector de color en línea

Vista previa del color

#3B82F6

Elige un color

HEX

RGB

HSL

HSV

CMYK

Háganoslo saber

Por favor, comparte tu experiencia.

Acerca de Selector de color en línea

Selecciona y convierte colores entre HEX, RGB, HSL, HSV y CMYK. Herramienta gratuita de selección de color en línea.

Cómo usar

1

Paso 1

Utilice el selector de color nativo para seleccionar cualquier color visualmente.

2

Paso 2

O bien, introduzca un código de color HEX directamente en el campo de entrada HEX.

3

Paso 3

Ajusta los controles deslizantes RGB, HSL, HSV o CMYK para ajustar con precisión el color.

4

Paso 4

Visualice la vista previa del color en tiempo real con texto contrastante.

5

Paso 5

Haz clic en "Copiar" junto a cualquier formato para copiar el valor del color.

6

Paso 6

Utilice el botón "Color aleatorio" para generar colores aleatorios que le sirvan de inspiración.

Características y beneficios

  • ✅Selector de color visual con soporte nativo para navegadores
  • ✅Convierte entre 5 formatos de color: HEX, RGB, HSL, HSV, CMYK
  • ✅Conversión en tiempo real a medida que ajusta cualquier valor.
  • ✅Vista previa a color de gran tamaño con texto contrastante
  • ✅Controles deslizantes individuales para un control preciso del color.
  • ✅Copiar al portapapeles con un solo clic para cada formato.
  • ✅Generador de colores aleatorios para inspirarse
  • ✅Cálculo automático del contraste de color
  • ✅100% basado en navegador - sin carga al servidor
  • ✅100% gratis - sin marcas de agua, sin necesidad de registrarse

Preguntas frecuentes

¿Qué formatos de color son compatibles?

Nuestro selector de color admite 5 formatos principales: HEX (hexadecimal), RGB (rojo, verde, azul), HSL (tono, saturación, luminosidad), HSV (tono, saturación, valor) y CMYK (cian, magenta, amarillo, negro). Todos los formatos se convierten entre sí en tiempo real.

¿Cómo convierto entre formatos de color?

Simplemente ajusta cualquier valor de color con los controles deslizantes o los campos de entrada, y todos los demás formatos se actualizarán automáticamente. Por ejemplo, modifica los controles deslizantes RGB y observa cómo los valores HEX, HSL, HSV y CMYK se actualizan al instante.

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

HSL (Tono, Saturación, Luminosidad) y HSV (Tono, Saturación, Valor) son modelos de color cilíndricos. La luminosidad de HSL va del negro (0%) al blanco (100%), con el color puro en el 50%. El valor de HSV va del negro (0%) al color puro (100%). HSL suele preferirse para la selección de color, mientras que HSV es común en la edición de imágenes.

¿Cuándo debo usar CMYK?

CMYK (cian, magenta, amarillo, negro) se utiliza para el diseño de impresión. Si diseñas para impresión física (folletos, tarjetas de visita, carteles), usa valores CMYK. Para diseño web y de pantalla, usa RGB o HEX.

¿Puedo introducir un color HEX directamente?

¡Sí! Escribe o pega cualquier código de color HEX (con o sin #) en el campo de entrada HEX. La herramienta acepta códigos HEX de 6 dígitos (#FF5733) y de 3 dígitos (#F53).

¿Qué hace el botón de color aleatorio?

El botón "Color aleatorio" genera un color completamente aleatorio, lo cual resulta útil para inspirarse en el diseño, probar combinaciones de colores o explorar diferentes paletas de colores.

¿Cómo puedo copiar un valor de color?

Haz clic en el botón "Copiar" junto a cualquier formato de color (HEX, RGB, HSL, HSV o CMYK) para copiar ese valor al portapapeles. El botón mostrará "¡Copiado!" para confirmar.

¿Por qué cambia el color del texto en la vista previa?

La herramienta calcula automáticamente el color de texto que mejor contraste ofrece (blanco o negro) en función de la luminancia del color de fondo. Esto garantiza que el código HEX siempre sea legible en la vista previa.

¿Mis datos de color están almacenados en algún lugar?

¡No! Todas las conversiones de color se realizan completamente en tu navegador. No se envían datos de color a servidores ni se almacenan en ningún lugar.