AI-Powered

Selector de color

Selecciona colores de tu pantalla o de cualquier imagen: HEX, RGB, HSL, CMYK, nombres, Pantone.

Your files stay on your device - processed locally via WebAssembly, never uploaded

Upload image to pick

JPEG, PNG, WebP

Your browser doesn't support the EyeDropper API. Upload an image to pick colors from instead.
52
152
219
204.07185628742513°
0.6987447698744769%
0.5313725490196078%

All Formats

Palette (0/8)

Click Add to add the current color to your palette.

Contrast Check

#3498DB
vs
#FFFFFF

Sample text

The quick brown fox jumps over the lazy dog

3.15:1
AA AAA
Share this tool with othersHelp others discover free tools
Embed this tool on your website

Copy this code to add the Selector de color to your site for free. It runs entirely in your visitors' browsers - no API key, no usage limits.

<iframe src="https://optipix.art/embed/color-picker" width="100%" height="600" style="border:1px solid #e4e4e7;border-radius:8px;" title="Selector de color by OptiPix" loading="lazy"></iframe>
<p style="font-size:12px">Free tool by <a href="https://optipix.art/color-picker">OptiPix Selector de color</a></p>

❤️ Love this tool? Support our team.

No ads, no tracking, no limits. Tips keep 104 tools free for everyone.

$

Secure payment via Stripe · No account needed

About Selector de color

Last updated: May 2026

OptiPix Color Picker te permite capturar cualquier color de tu pantalla usando la API EyeDropper nativa en navegadores Chromium, o seleccionar colores de cualquier imagen cargada con precisión de píxel. Cada color seleccionado se muestra en HEX, RGB, HSL, HSV, CMYK, el color con nombre CSS más cercano y la muestra Pantone Solid Coated más cercana. Cada formato tiene su propio botón de copia de un clic. Ajusta cualquier color con los deslizadores HSL y RGB integrados. Una tira de historial recuerda tus últimas 30 selecciones entre sesiones del navegador. Crea una paleta de hasta 8 colores y expórtala como propiedades personalizadas CSS, JSON o una tira PNG descargable. El verificador de contraste WCAG integrado muestra las insignias de aprobado/fallido AA/AAA para cualquier par de colores. Todo se ejecuta localmente: los píxeles de tu pantalla y las imágenes cargadas nunca abandonan tu dispositivo. Perfecto para diseñadores que seleccionan colores de marca, desarrolladores que capturan muestras de capturas de pantalla, auditores de accesibilidad que verifican el contraste y cualquiera que esté cansado de cambiar entre cuentagotas nativos y convertidores de color.

How It Works

El selector de pantalla llama a la API EyeDropper nativa del navegador para un muestreo de un solo píxel. La selección de imágenes muestrea un solo píxel de un lienzo 2D a través de getImageData. Las conversiones de formato son matemáticas puras - RGB↔HSL↔HSV↔CMYK - y los comparadores de nombres/Pantone calculan la distancia euclidiana al cuadrado contra una lista de referencia.

Use Cases

  • Capturar un color de una captura de pantalla para tu sistema de diseño
  • Convertir cualquier HEX que encuentres en línea a RGB, HSL o Pantone
  • Crear una paleta de marca a partir de una imagen de mood-board
  • Verificar el contraste WCAG de dos colores antes de enviarlos
  • Identificar un color con nombre CSS a partir de un código hexadecimal

You Might Also Like

If you find Selector de color useful, check out these related tools: Color Palette Extractor, Color Changer, and Photo Filters. All tools run entirely in your browser with no uploads or signups required.

Frequently Asked Questions

¿El cuentagotas de pantalla funciona en todos los navegadores?
La API EyeDropper funciona en navegadores basados en Chromium (Chrome, Edge, Brave, Opera) versión 95+. Firefox y Safari aún no lo soportan, pero aún puedes cargar una imagen y seleccionar colores de ella en cualquier navegador.
¿Son exactos los colores Pantone?
Los colores Pantone se comparan con la muestra más cercana en nuestra referencia compacta PMS Solid Coated. Pantone utiliza tintas planas que no se pueden reproducir exactamente en una pantalla, por lo que esta es una aproximación adecuada para la inspiración y el descubrimiento, no para la coincidencia de colores preimpresión.
¿Se envían los datos de los píxeles de mi pantalla a algún lugar?
No. La API EyeDropper se ejecuta completamente en tu navegador y el color seleccionado permanece en tu dispositivo. Las imágenes cargadas se decodifican en un lienzo local y nunca se suben.
¿Puedo exportar una paleta?
Sí - haz clic en Añadir para agregar colores, luego exporta como variables CSS, JSON o descarga una tira de paleta PNG.
¿Cómo verifico el contraste WCAG?
Usa la sección Verificación de Contraste integrada. El color actual se empareja con un segundo color de tu elección, y verás la relación de contraste más las insignias de aprobado/fallido AA / AAA.

Related Tools

More AI Analysis Tools

All 102 Tools

Image CompressorBackground RemoverVideo CompressorImage UpscalerOCR Text ExtractorFormat ConverterImage ResizerEXIF RemoverFace BlurDepth EstimationQR Code GeneratorWatermark MakerColor Palette ExtractorPhoto FiltersImage to PDFObject DetectionImage ClassifierImage CaptionerAI Image GeneratorMeme GeneratorGIF MakerPhoto Collage MakerImage CropPhoto EffectsImage to SVGColor ChangerNoise RemoverPhoto RestorationColor PickerFavicon GeneratorImage to Base64Image Metadata ViewerImage AnnotatorPassport Photo MakerDocument ScannerASCII Art GeneratorImage ComparisonSprite Sheet GeneratorObject RemoverPanorama MakerWord CounterCase ConverterLorem Ipsum GeneratorUUID GeneratorUnix Timestamp ConverterText DiffURL Encoder / DecoderHTML Entity Encoder / DecoderBase64 Text Encoder / DecoderText to Binary / Hex / OctalHash GeneratorJSON Formatter / ValidatorRandom String GeneratorCSV ↔ JSON ConverterMarkdown EditorUnit ConverterPercentage CalculatorBMI CalculatorAge CalculatorTip CalculatorCSS Gradient GeneratorCSS Box Shadow GeneratorCSS Border Radius GeneratorGlassmorphism GeneratorNeumorphism GeneratorCSS Text Shadow GeneratorFlexbox PlaygroundCSS Grid GeneratorAudio TrimmerAudio ConverterAudio MergerAudio RecorderVideo to Audio ExtractorAudio Speed ChangerAudio Volume BoosterRingtone MakerVocal RemoverText to SpeechSpeech to TextAudio Noise RemoverAudio EqualizerAudio EffectsVideo TrimmerVideo MergerVideo ResizerVideo Speed ChangerVideo RotatorVideo to MP4 ConverterAdd Music to VideoMute VideoVideo LooperReverse VideoVideo ScreenshotAdd Subtitles to VideoVideo WatermarkScreen RecorderWebcam RecorderSlideshow MakerVideo FiltersCron Expression BuilderRegex TesterUnix Timestamp Converter