Back to Plugins
CSS Color Extrator

CSS Color Extrator

Extrae la paleta de colores de un sitio web

css color extratorcolor palettecolorcolor schemecolor stylescss colorcolor extractor

Plugin Preview

CSS Color Extrator preview

About this plugin

CSS Color Extractor

CSS Color Extractor es una herramienta intuitiva que te permite extraer todos los colores CSS utilizados en cualquier sitio web con solo ingresar la URL. Simplifica el proceso de recoger y reutilizar colores de otros sitios para tus proyectos, ya sea que necesites inspiración de una paleta ya existente o simplemente quieras analizar los tonos usados en una página.


Características Principales:

  1. Extracción Rápida desde una URL: Introduce la URL de cualquier sitio web y extrae todos los colores CSS utilizados, incluyendo variables declaradas en en el root.
  2. Copiado Manual: También puedes pegar manualmente las declaraciones CSS del inspector de tu navegador para obtener los colores.
  3. Identificación y Copiado Fácil: Copia los valores hexadecimales o las variables CSS con un solo clic.
  4. Interfaz Amigable: Diseñada con una interfaz limpia y amigable que hace que la experiencia sea intuitiva y eficiente.
  5. Ideal para Diseñadores y Desarrolladores: Si buscas una forma rápida de identificar paletas de colores en la web, CSS Color Extractor es perfecto para ayudarte a ahorrar tiempo.


¿Cómo usarlo?

  1. Ingresa la URL de la página web de la cual deseas extraer los colores, o copia y pega las declaraciones CSS.
  2. Presiona el botón "EXTRAER COLORES" y obtén todos los colores utilizados.
  3. Selecciona cualquier color para ver su código hex o nombre de variable CSS, y cópialo fácilmente al portapapeles.

Plugin Details

Version2
CreatedOctober 18, 2024
Last UpdatedOctober 21, 2024
CategoryImport & export plugins
CreatorLeo Baraldi
Stats13 installs, 5 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://fonts.googleapis.com
    • https://fonts.gstatic.com
    • https://leobaraldi.com.ar