Selector de color
Elija un color en la muestra o capte uno directamente de la pantalla con la API EyeDropper — hex, RGB y HSL copiables con un clic.
#0071e3rgb(0, 113, 227)hsl(210, 100%, 45%)Su navegador no expone la API EyeDropper; use el selector de color. Los valores hex/rgb/hsl se actualizan igualmente.
Esta herramienta funciona por completo en tu navegador. Tus datos nunca salen de tu dispositivo y no se suben a ningún servidor.
Cómo usarlo
- 1Pulse la muestra y elija un color, o use Tomar de la pantalla si está disponible.
- 2Lea los valores hex, RGB y HSL bajo la vista previa.
- 3Pulse Copiar junto al formato que necesite.
Selector de color
Pulse la muestra para componer un color visualmente o, en navegadores Chromium, use Tomar de la pantalla para muestrear cualquier píxel ya visible. El valor elegido aparece a la vez como hex, rgb() y hsl(), cada uno con su botón de copiar.
El muestreo usa la API EyeDropper del navegador y lee el píxel localmente; nada se registra, sube o guarda. En navegadores sin la API, la entrada de muestra mantiene todo funcionando igual.
Preguntas frecuentes
¿Por qué no aparece «Tomar de la pantalla»?
La API EyeDropper está disponible hoy en navegadores basados en Chromium (Chrome, Edge, Brave, Opera). Firefox y Safari aún no la exponen, así que en ellos solo se muestra la entrada de muestra; todo lo demás funciona idéntico.
¿Qué diferencia hay entre hex, RGB y HSL?
Describen el mismo color de tres maneras: hex empaqueta rojo-verde-azul en #RRGGBB para CSS y herramientas de diseño; rgb() enumera los canales numéricamente; hsl() expresa tono, saturación y luminosidad, más cómodo para construir paletas y estados hover a mano.
¿Es privado el muestreo de pantalla?
Sí. La API EyeDropper muestra un selector del sistema y devuelve solo el píxel que usted pulsa; la lectura ocurre en su navegador y no se transmite ni guarda ninguna captura, historial o valor.
Herramientas relacionadas
Conversor de colores
Pegue un color en hex, rgb() o hsl() y obtenga los tres formatos más una fila de tonos y sombras lista para su sistema de diseño.
Todas las herramientas →
Generador de códigos QR
Convierta cualquier texto o URL en un código QR nítido con tamaño, colores y corrección de errores ajustables — descárguelo en PNG o SVG.
Todas las herramientas →
Generador de códigos de barras
Cree códigos de barras escaneables CODE128, EAN-13 y UPC-A con ancho y alto ajustables — salida vectorial SVG, renderizado en su navegador.
Todas las herramientas →
Calculadora de relación de aspecto
Con una relación como 16:9 y una dimensión, obtenga la anchura o altura que falta al instante — con presets de 1:1 a 21:9 para vídeo y diseño.
Todas las herramientas →
Insertar esta herramienta
Pon esta herramienta en tu sitio con una línea: se ejecuta en el navegador del visitante.
<iframe src="https://zoyku.com/es/tools/color-picker?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — color-picker" loading="lazy"></iframe>