beancuit
ES

Selector de colores

Elige un color a simple vista, de tu pantalla o de cualquier foto, y copia su código en todos los formatos.

  • Desde la pantalla o una imagen
  • HEX, RGB, HSL, HSV, CMYK
  • No se sube nada

Elige un color

HEX, RGB o HSL — por ejemplo #ff6600 o rgb(255, 102, 0).
Toca cualquier punto de la imagen para tomar ese color.

Elige un color.

Cómo funciona

Arrastra dentro del cuadrado para ajustar la saturación y el brillo, y usa el control arcoíris para el tono. También puedes escribir un código, usar el selector de color del sistema, tomar cualquier píxel de la pantalla (en los navegadores compatibles) o tocar un punto de tu propia foto. Cada color se muestra en HEX, RGB, HSL, HSV y CMYK, y los últimos colores elegidos quedan en una fila para compararlos rápidamente.

#2459e0 = rgb(36, 89, 224) = hsl(223, 75%, 51%)

Qué formato usar

  • HEX: el código más habitual en sitios web y herramientas de diseño.
  • RGB: luz roja, verde y azul de 0 a 255, la que usan las pantallas.
  • HSL y HSV: tono, saturación y luminosidad o brillo — lo más fácil para hacer un color más claro, más oscuro o más suave.
  • CMYK: un punto de partida aproximado para imprimir; confírmalo con el perfil de tu imprenta.

Consejos

  • Tomar colores de la pantalla funciona en Chrome y Edge de escritorio; en el móvil, tómalos de una imagen.
  • Las fotos se leen en tu dispositivo y nunca se suben.
  • Haz clic en cualquier valor para copiarlo.

Criterios y fuentes

  • Los valores de color siguen CSS Color Module Level 4 (sRGB)
  • La toma de colores de la pantalla usa la EyeDropper API cuando el navegador la admite

Última revisión 7 de octubre de 2026

Preguntas frecuentes

¿Cómo tomo un color de una imagen?

Elige la imagen en «Tomar de una imagen» y toca el punto que quieras. Se toma el color que hay bajo tu dedo o el cursor.

¿Puedo tomar un color de cualquier parte de la pantalla?

Sí, en Chrome y Edge de escritorio. Toca «Tomar de la pantalla» y haz clic en cualquier píxel, incluso fuera de la ventana del navegador.

¿Qué diferencia hay entre HSL y HSV?

Los dos usan tono y saturación. HSL usa la luminosidad, donde el 100% es blanco; HSV usa el brillo, donde el 100% es el color pleno.

¿Se suben mis fotos?

No. Las imágenes se dibujan y se leen dentro de tu navegador y nunca salen de tu dispositivo.

¿Cómo copio un código de color?

Haz clic en cualquier valor HEX, RGB, HSL, HSV o CMYK, o usa el botón de copiar para copiar juntos los códigos principales.

Otras herramientas

CalculadoraCalculadora sencilla para el día a día, con historial y tecla de porcentajeCalculadora científicasin cos log √ ^ π, con teclado en grados/radianesCalculadora de porcentajesEl X % de Y, qué % es un número de otro, cambio %Conversor de unidadesLongitud, peso y temperatura en cada unidadCalculadora de fechasDías entre dos fechas, o sumar y restar días, semanas, meses y añosContador de palabras y caracteresCaracteres, palabras, caracteres CJK, bytes UTF-8 y tiempo de lecturaConversor de CSV, JSON y XMLCSV, TSV, JSON, XML y Excel en una herramienta, con codificación CJK correctaConversor de coordenadas y mapaCoordenadas decimales, DMS y DDM con distancia, mapa y exportación a GPX/KMLCalculadora de préstamosCuota mensual, intereses y total de cualquier préstamoCalculadora de interés compuestoValor futuro de aportaciones y capital inicialCalculadora para repartir cuentasReparte la cuenta, añade propina y redondea a una cifra fácilCalculadora de descuentosPrecio rebajado, porcentaje de descuento, ahorro y precio original en un solo sitioCalculadora de IMCÍndice de masa corporal, categoría y peso saludable por estaturaCalculadora de TMB y caloríasMetabolismo basal y calorías diarias por actividadGenerador de contraseñasContraseñas aleatorias seguras con longitud, símbolos y fortalezaGenerador de códigos QRCódigos QR gratis para enlaces y texto, descarga en PNG o SVGLector de códigos QR y de barrasLee códigos QR y de barras con la cámara o desde una imagenGenerador de números aleatoriosNúmeros al azar, lotería, sorteo en lista, dados y monedasConvertidor de mayúsculas y minúsculasMayúsculas, minúsculas, tipo título, camelCase, snake_case, ordenar y quitar duplicadosRedimensionar imágenesCambia el tamaño y comprime fotos en JPG, PNG o WebPCodificador y decodificador Base64 y URLCodifica y decodifica Base64, URL, HTML, HEX y UnicodeConvertidor de timestamp UnixTiempo Unix a fecha y viceversa, en cualquier zona horariaConvertidor de coloresHEX, RGB, HSL y CMYK con comprobación de contraste WCAGFormateador y validador de JSONFormatea, minifica y valida JSON con la línea del errorGenerador de paletas de coloresPaletas complementarias, análogas, triádicas y de tonosGenerador de degradados CSSDegradados lineales, radiales y cónicos con CSS y PNGExtractor de colores de imágenesEncuentra los colores principales de cualquier foto o logotipoComprobador de contraste de colorComprobación de contraste WCAG AA y AAA con correcciones

Los resultados son solo orientativos. Los cálculos pueden fallar y no son asesoramiento legal, médico ni financiero. Confirma siempre con el organismo correspondiente o un profesional antes de decisiones importantes.