Real Color Picker Logo
Real Color Picker
Selector de color 100% gratis • Ilimitado • Sin registro

Selector de Color Online Gratis y Estudio de Paletas

Extrae códigos HEX, RGB, HSL y OKLCH exactos con nuestro selector de color de imagen. Sube una foto, pega del portapapeles (Ctrl+V) o selecciona de la pantalla con lupa de 16x.

Arrastra una imagen aquí, o explora archivos

Pega desde el portapapeles (Ctrl+V / Cmd+V) o arrastra desde el escritorio

PNG, JPG, WEBP, SVG, GIFMáx 25MB100% en el navegador

Sube o selecciona una imagen de ejemplo para empezar a extraer colores

100%
ClickHaz clic para seleccionar y fijar color•↑ ↓ ← →para microajuste de 1 píxel
Color seleccionado
#0070F3
Color activoVercel Electric Blue

Electric Cerulean Blue

High vibrancy, primary UI anchor color.

Códigos y formatos de colorCopiar
History0 / 20
Armonías de color
Sombras y tintes
Tints+10% ~ +90% White
Shades+10% ~ +90% Black
Tones+10% ~ +90% Gray

Estudio generador de paletas

Crea paletas armónicas o extrae colores directamente de tu imagen

Estudio de contraste y accesibilidad WCAG

Evalúa ratios de cumplimiento WCAG 2.1 y deficiencias de visión del color

AAA ≥ 7.0AA ≥ 4.5Large ≥ 3.0
Texto normal (16px)AAA Pasa

El rápido zorro marrón salta

Vista previa de accesibilidad de alto contraste comprobando legibilidad en tiempo real.

Ratio calculado4.52 : 1
Normal (AA)Pasa
Grande (AA)Pasa
Normal (AAA)Falla
Test Against:
Color Vision Deficiency (CVD) SimulationHow color-blind users perceive your palette

Estudio de degradados CSS

Crea, personaliza y copia degradados CSS modernos con múltiples paradas

Live CSS Gradient Preview
background: linear-gradient(135deg, #0070F3 0%, #7928CA 50%, #FF0080 100%);
Ángulo135°
Paradas de color
Preset Styles
Biblioteca de paletas guardadas100% Client-Side

Tus colecciones de colores guardadas de forma privada en el navegador

El mejor selector de color y estudio de paletas online gratis

Diseñado para desarrolladores frontend, diseñadores UI/UX y creadores que requieren precisión de subpíxel y rapidez inmediata.

01

Lupa de 16x subpíxel

Identifica microdetalles con visualización de cuadrícula de píxeles y ajuste fino con las teclas de flecha.

02

Extracción inteligente de paletas

Algoritmo rápido de agrupamiento K-Means que extrae paletas dominantes y vibrantes con 1 clic.

03

WCAG 2.1 y exportación de tokens

Verificación en tiempo real de ratios de contraste AA/AAA, simulación de daltonismo y exportación a Tailwind CSS v4.

Cómo usar Real Color Picker Online

Sigue estos 4 sencillos pasos para extraer, analizar y exportar códigos de color de cualquier gráfico digital.

1

Importa o captura tu imagen

Arrastra archivos (PNG, JPG, WEBP, SVG), pega desde el portapapeles (Ctrl+V) o pulsa 'Capturar desde pantalla'.

2

Amplía y fija el píxel exacto

Pasa el cursor con la lupa de 16x. Usa las flechas del teclado para precisión de 1 píxel y haz clic para fijar.

3

Inspecciona códigos y genera armonías

Visualiza y copia códigos HEX, RGB, HSL, CMYK, LAB y OKLCH con armonías complementarias y triádicas.

4

Guarda y exporta tokens de desarrollo

Almacena paletas en tu biblioteca local privada o exporta código directamente para Tailwind CSS v4, Variables CSS y Figma.

Referencia completa de formatos de color

Real Color Picker convierte instantáneamente cualquier color en más de 8 espacios de color de diseño e ingeniería.

FormatFormatoUso recomendado / Especificación
HEX (#RRGGBB)#0070F3HTML / CSS / Figma / Web Standards
RGB / RGBArgb(0, 112, 243)Web Development & HTML5 Canvas
HSL / HSLAhsl(212, 100%, 48%)UI Design Systems & CSS Variables
OKLCHoklch(0.58 0.22 255.4)Modern CSS Color 4 Perceptual Gamut
CMYKcmyk(100%, 54%, 0%, 5%)Print, Press & Graphic Publishing

Preguntas frecuentes

Todo lo que necesitas saber sobre la extracción de color online, cuentagotas de imágenes y conversión de formatos.

¿Está Real Color Picker afiliado a Google?
Real Color Picker es una herramienta de color independiente y no está afiliada a Google. Somos una suite 100% gratuita diseñada para ofrecer extracción y conversión de color rápida, privada y del lado del cliente.
¿Qué es una herramienta de selección de color?
Es una utilidad digital que permite a diseñadores y desarrolladores muestrear e identificar valores exactos de color desde cualquier pantalla, imagen o lienzo, convirtiéndolos a HEX, RGB, HSL, CMYK y OKLCH.
¿Cómo extraigo códigos de color de una imagen en PC o móvil?
Simplemente arrastra y suelta cualquier imagen o pégala desde el portapapeles. Pasa el cursor para inspeccionar píxeles con aumento 16x y haz clic en cualquier píxel para copiar su código hexadecimal.
¿Es este selector de color 100% gratuito y sin límites?
Sí, Real Color Picker es completamente gratuito, sin muros de pago, sin suscripciones y sin límites de uso en todas sus herramientas.
¿Necesito registrarme para guardar paletas de colores?
No es necesario crear una cuenta. Las paletas se guardan de forma segura y privada directamente en el almacenamiento local de tu navegador (localStorage).
¿Qué hace que este selector de color sea superior a los cuentagotas tradicionales?
Nuestra lupa de 16x muestra una cuadrícula de píxeles individuales con mira central y permite mover el cursor píxel a píxel con las flechas del teclado.
¿Puedo generar paletas de colores aleatorias?
¡Sí! Nuestro generador de paletas te permite explorar millones de armonías de color con solo pulsar la barra espaciadora.
¿Cuál es la diferencia entre 'color picker' y 'hex color picker'?
Son términos para la misma herramienta. Un selector de color HEX formatea el color en notación hexadecimal de 6 caracteres (ej. #0070F3) utilizada universalmente en desarrollo web.
¿Cómo evalúa la herramienta el contraste WCAG 2.1?
Calcula la luminancia relativa exacta según las especificaciones oficiales W3C WCAG 2.1 para niveles AA (mínimo 4.5:1) y AAA (mínimo 7:1).
¿Se mantienen privadas mis imágenes subidas?
Sí, al 100%. Todo el procesamiento de imágenes ocurre dentro del navegador en un lienzo HTML5 local. Tus imágenes nunca se suben a ningún servidor.