Skip to content

Selector de colory conversor

Elige cualquier color o encuentra el código de color de una imagen. Obtén los valores HEX, RGB, HSL y HSB, comprueba el contraste y descubre colores que combinan.

#6366F1

Elige un color de una imagen

Suelta, pega o elige una imagen

La imagen se queda en tu navegador y nunca se sube.

Formatos de color

HEX

#6366F1

RGB

rgb(99, 102, 241)

HSL

hsl(239, 84%, 67%)

HSB

hsb(239, 59%, 95%)

Accesibilidad y contraste

Sobre fondo blanco

Aa

4.47:1

Sobre fondo negro

Aa

4.70:1

WCAG AA (Normal) ✓ WCAG AA (Large) ✓ WCAG AAA ✗

Armonía de colores

Complementarios
Análogos
Triádicos

Sombras y tonos

5

10

20

30

40

50

60

70

80

90

95

Cómo encontrar el código de color de una imagen

  1. 1

    Añade tu imagen

    Suelta una foto, un logo o una captura de pantalla en el cuadro, elige un archivo o pégalo con Ctrl+V.

  2. 2

    Haz clic en el color

    Pasa el cursor por la imagen para ver los colores y haz clic para elegir uno. Los colores principales de la imagen aparecen debajo.

  3. 3

    Copia el código

    Copia el valor HEX, RGB, HSL o HSB y comprueba su contraste sobre fondo blanco y negro.

Preguntas frecuentes

¿Cómo encuentro el código de color de una imagen?

Añade la imagen al selector de color y haz clic en el punto que necesites. Obtendrás al instante sus códigos HEX, RGB, HSL y HSB.

¿Se sube mi imagen a algún sitio?

No. La imagen solo se lee en tu navegador y nunca sale de tu dispositivo.

¿Puedo elegir un color de cualquier parte de mi pantalla?

Sí, en Chrome, Edge y otros navegadores compatibles. Usa “Elegir de la pantalla” y haz clic en cualquier píxel de tu pantalla.

¿Qué diferencia hay entre HEX y RGB?

Ambos describen el mismo color. HEX escribe el rojo, el verde y el azul como un código de seis caracteres, como #6366F1; RGB los escribe como números del 0 al 255.