Paleta de Colores escanea cada elemento en una página web y extrae el conjunto completo de colores usados — desde texto y fondos hasta bordes, sombras y acentos. Los colores se muestran como muestras visuales ordenadas por frecuencia (los más usados primero), cada uno mostrando su valor HEX y conteo de uso. Haz clic en cualquier muestra para copiar, o exporta toda la paleta como una lista de códigos de color.
Cada sitio web bien diseñado tiene una paleta de colores consistente — generalmente 3-8 colores primarios más algunos neutros. Paleta de Colores extrae esta paleta automáticamente escaneando los valores calculados de color, background-color, border-color y box-shadow de cada elemento. El resultado es una colección ordenada por frecuencia de cada color en la página, dándote el panorama completo del sistema de colores del sitio. Los colores dominantes (el color primario de la marca, color de fondo, color de texto) aparecen primero con altos conteos de uso. Los colores de acento y valores únicos aparecen más abajo. Esto es invaluable para la investigación de diseño — visita cualquier sitio web y extrae su paleta de colores exacta en segundos. También es útil para auditar tu propio sitio: ¿hay colores sueltos que no pertenecen a tu sistema de diseño? ¿Estás usando 5 tonos ligeramente diferentes de gris cuando la especificación de diseño define solo 3? Paleta de Colores hace que todo el uso de color sea visible y contable.
Escanea cada elemento visible en la página y extrae colores de propiedades calculadas: color, background-color, border-color, color de box-shadow, outline-color y text-decoration-color. Se captura cada color usado en la página.
Los colores se ordenan por conteo de uso — el color más usado aparece primero. Los colores dominantes de marca y fondos se elevan a la parte superior, mientras que los colores de acento únicos aparecen al final. Ve al instante los colores primarios, secundarios y de acento de la página.
Cada color se renderiza como una muestra visual grande con su código HEX y conteo de uso mostrados debajo. Las muestras son lo suficientemente grandes para distinguir diferencias sutiles de tono (como #333 vs #2a2a2a).
Haz clic en cualquier muestra de color para copiar su valor HEX al portapapeles inmediatamente. No es necesario abrir un panel de color o diálogo secundario — un clic, copiado, listo.
Haz clic en "Exportar Todo" para copiar toda la paleta como una lista formateada de códigos de color HEX. Pega en una herramienta de diseño, archivo de variables CSS o documentación de color. La lista preserva el orden por frecuencia.
Los colores se normalizan (las representaciones rgb y hex del mismo color se fusionan) y se deduplican. La paleta muestra solo colores únicos, con conteos de uso combinados para representaciones duplicadas.
Visita sitios web con hermosos esquemas de color y extrae su paleta exacta. Usa los colores como punto de partida para tu propio diseño — o simplemente documenta qué combinaciones de color funcionan bien juntas.
Ejecuta la Paleta de Colores en tu propio sitio para verificar la consistencia del color de marca. ¿Hay 4 azules ligeramente diferentes donde debería haber 1? ¿Se están colando colores fuera de marca? El orden por frecuencia hace las inconsistencias obvias.
Exporta la paleta y conviértela en propiedades personalizadas CSS (--color-primary, --color-secondary, etc.). La salida ordenada por frecuencia te dice qué colores merecen roles primarios, secundarios y de acento.
Extrae paletas de colores de sitios web de competidores para entender su posicionamiento de marca. Colores cálidos frente a fríos, alto contraste frente a apagados — la paleta revela decisiones de diseño intencionales.
Ve todos los colores de texto junto con los colores de fondo. ¿Alguna combinación texto-fondo tiene muy bajo contraste? La paleta te da el conjunto completo de colores para verificar contra los requisitos de contraste WCAG.
Abre el dock flotante de DevSuite Pro y haz clic en el ícono de la Paleta de Colores. La herramienta escanea cada elemento en la página y extrae todos los valores de color.
Aparece una cuadrícula de muestras de color, ordenada por frecuencia de uso. Los colores más usados están en la parte superior. Cada muestra muestra el código HEX y el número de elementos que usan ese color.
Haz clic en cualquier muestra para copiar su valor HEX al portapapeles. Aparece una breve confirmación.
Haz clic en "Exportar Todo" para copiar cada color como una lista formateada. Pega en tu archivo de variables CSS, herramienta de diseño o documentación.
Navega a diferentes páginas del mismo sitio y extrae las paletas para verificar la consistencia de color en todo el sitio.
Instala DevSuite Pro gratis y desbloquea más de 39 herramientas de desarrollador para tu navegador.
