Extensión cuentagotas para Chrome, Edge y Firefox
Toma un color de cualquier punto de una página o pega cualquier código de color y cópialo como HEX, RGB, HSL u OKLCH con un clic. Saca la paleta de toda una web y expórtala como CSS, Tailwind o design tokens.
Gratis, sin cuenta, funciona sin conexión.
Qué hace
- Cuentagotas
- Toma el color de cualquier píxel de la página y copia el valor al instante en tu formato.
- Entiende cualquier color
- Pega HEX, rgb(), hsl(), oklch(), una clase de Tailwind como sky-500, código Swift o Flutter o un nombre como azul marino.
- Devuelve todos los formatos
- HEX, RGB, HSL y OKLCH lado a lado, cada uno se copia con un clic. El formato que elijas pasa a ser el principal.
- Paleta de una web
- Reúne los colores y las variables CSS de la página abierta, junta los casi iguales y pone primero los más usados.
- Exportación
- Copia la paleta de la página como variables CSS, un bloque @theme de Tailwind, SCSS, JSON, design tokens o SVG.
- Historial
- Tus últimos colores te esperan en la ventana de la extensión. Solo se guardan en este navegador.
Permisos
La extensión pide cuatro permisos y nunca acceso a todas las webs. Cada uno tiene una sola tarea.
activeTab- Acceso a la pestaña abierta, y solo después de hacer clic en el icono de la extensión o pulsar su atajo.
scripting- Ejecuta el pequeño script que lee los colores de esa página cuando pides su paleta o tomas un color.
storage- Guarda tus últimos colores y tu formato preferido en este navegador.
clipboardWrite- Copia el color o el código que pediste.
Lo que nunca pide
Acceso a todas las webs · Tu historial de navegación o la lista de pestañas · Analítica, anuncios o rastreo · Código descargado de internet
Atajo de teclado
Pulsa Alt+Shift+P en cualquier página para tomar un color sin abrir la ventana. Puedes cambiar el atajo en los ajustes de extensiones del navegador.
Preguntas y respuestas
¿La extensión PickShade es gratis?
Sí. El cuentagotas, todos los formatos, la paleta de la página, la exportación y el historial son gratis, sin cuenta y sin anuncios.
¿Por qué no lee algunas páginas?
Los navegadores no dejan que ninguna extensión lea sus propias páginas, como los ajustes, la página de nueva pestaña y las tiendas de extensiones. En ellas la ventana sigue convirtiendo los colores que pegas, y en Chrome y Edge el cuentagotas también funciona.
¿La extensión envía mis colores a algún sitio?
No. Los colores se calculan dentro de la extensión con la misma matemática CSS Color 4 que en pickshade.com. No se envía nada a ningún servidor y el historial se queda en tu navegador.
¿Cómo funciona el cuentagotas en Firefox?
Firefox no tiene un cuentagotas integrado para extensiones, así que PickShade toma una captura de la parte visible y muestra una lupa. Haz clic en un píxel o mueve la lupa con las flechas y pulsa Enter.