Selector de Color Online – Elige Colores en HEX, RGB y HSL

Cómo usar el selector de color

1. 1

   Elige el color

   Haz clic en la vista previa para abrir el espectro y ajusta el brillo, escribe un código HEX o RGB, o usa uno de los colores predefinidos.

2. 2

   O toma el color de una imagen

   Sube una foto, captura de pantalla o logotipo y haz clic en el punto exacto. La herramienta lee el color de ese píxel.

3. 3

   Elige el formato

   Mira el mismo tono en HEX, RGB, HSL, HSV y CMYK y selecciona el formato que usa tu programa o tu web.

4. 4

   Copia el código

   Haz clic en Copiar color. Los colores que usaste quedan en el historial para compararlos y reutilizarlos.

Selector de colores a partir de imágenes

¿Quieres saber el color exacto de un logotipo, de una prenda en una foto o de una web de referencia? Sube la imagen y haz clic sobre ella: el selector lee ese píxel y muestra el código al instante. La imagen solo se abre en tu navegador, sin subirla, así que puedes usarla con material de clientes y archivos internos sin preocuparte.

Para acertar en zonas con textura o sombra, haz clic en varios puntos cercanos y compara los resultados en el historial. Las fotos muy comprimidas, como las imágenes reenviadas muchas veces por apps de mensajería, pueden mostrar pequeñas diferencias de color entre píxeles vecinos.

HEX, RGB, HSL, HSV o CMYK: ¿cuál usar?

• HEX (#FF6B6B): el formato más habitual en CSS, HTML, Figma y Canva.
• RGB (255, 107, 107): rojo, verde y azul de 0 a 255; se usa en pantallas, programación y edición de imágenes.
• HSL: tono, saturación y luminosidad; facilita crear variantes más claras u oscuras del mismo color en CSS.
• HSV: tono, saturación y valor; el modelo de los selectores de Photoshop y de muchos editores.
• CMYK: cian, magenta, amarillo y negro; la referencia para material impreso.

Consejos para elegir colores que funcionen

Al crear una paleta, parte de un color principal y genera variantes cambiando solo la luminosidad en HSL; así los tonos combinan entre sí. Para los textos, revisa el contraste con el fondo: un texto claro sobre fondo claro se lee mal, sobre todo en el móvil y al aire libre.

Ten en cuenta también que el color en pantalla y en papel no es idéntico. Si el diseño va a imprenta, revisa los valores CMYK y, cuando puedas, pide una prueba de color, porque distintos monitores muestran el mismo código RGB de forma ligeramente diferente.

Preguntas frecuentes sobre el selector de color