ColorDojo: Cuentagotas y selector de color

Extensión de cuentagotas y selector de color: captura colores en privado, copia OKLCH, iguala Tailwind v4 y revisa el contraste.

ColorDojo es una extensión privada de cuentagotas y selector de color para desarrolladores que necesitan OKLCH, equivalencias de Tailwind y un verificador de contraste sin acceso permanente a todos los sitios. Captura un píxel, copia el valor y sigue trabajando. CAPTURA UNA VEZ, COPIA EL FORMATO QUE USAS Elige cualquier píxel de la pantalla con el cuentagotas nativo de Chromium. ColorDojo muestra hex, RGB, HSL, HSV, OKLCH y Display P3, además del color CSS con nombre más cercano, y copia tu formato predeterminado automáticamente si activas el autocopiado. Como selector de color rgba conserva el canal alfa de los colores pegados e importados: hex de 8 dígitos o rgb() con alfa, en sintaxis moderna con barra o clásica con comas. El atajo Alt+P deja la captura bajo tu teclado, y el badge de la barra se convierte en un punto del último color capturado. EDITA CANALES ANTES DE CONFIRMAR ¿El color quedó casi bien? La pestaña Editar es un selector de color HSL con controles deslizantes: ajusta canales RGB, HSL o HSV, observa la comparación "Selected vs new" mientras arrastras y aplica. Los formatos, el token de Tailwind y las comprobaciones de contraste siguen al color aplicado. UN CUENTAGOTAS PARA MAC, WINDOWS Y LINUX El cuentagotas nativo de Chrome cubre las capturas de pantalla donde Chromium lo ofrece. Donde no, la lupa integrada en la página toma el relevo: un magnificador 16x que muestrea un píxel, promedia bloques de 3x3, 5x5, 11x11 o 25x25, o promedia el área que arrastres. La lupa solo se ejecuta en la página activa y solo después de tu clic. QUÉDATE DENTRO DEL SISTEMA DE DISEÑO Cada captura se compara localmente con la paleta incluida de Tailwind CSS v4. ColorDojo muestra el token más cercano, su delta perceptual, muestras emparejadas y acciones de copia para las formas `blue-600` y `var(--color-blue-600)`. Esa es la mitad de selector de color Tailwind; la extracción de temas añade un generador de colores Tailwind que escribe un bloque @theme completo desde la página que estás viendo. VERIFICA EL CONTRASTE ANTES DE LA AUDITORÍA El verificador de contraste WCAG integrado muestra ratios contra blanco y negro en el momento de capturar. Empareja cualquier color activo con uno del historial para comprobaciones WCAG 2.2 AA, texto grande y AAA, APCA Lc orientativo y una sugerencia de luminosidad cercana cuando el texto normal no pasa AA. EXTRAE LOS COLORES QUE UNA PÁGINA USA DE VERDAD Ejecuta la extracción de temas solo en la página activa. ColorDojo combina custom properties CSS accesibles con un censo muestreado de estilos computados, agrupa colores casi duplicados en una paleta OKLCH y exporta variables CSS, un bloque @theme de Tailwind v4, JSON de W3C Design Tokens con componentes OKLCH o una lista simple en el formato que elijas. CONVIERTE HEX A OKLCH SIN OTRA PESTAÑA Pega #ef4444, hsl(0 84% 60%), cmyk(0 72 72 6) u oklch(60% 0.2 30) en el importador de paletas y copia cada entrada en el formato que necesites: hex a OKLCH, OKLCH a hex o HSL a OKLCH, sin conexión y dentro del popup. SIN CANALIZACIÓN DE DATOS DE NAVEGACIÓN ColorDojo no tiene permiso de host para todos los sitios ni content scripts persistentes. La inspección y la extracción usan el permiso temporal de pestaña activa de Chrome solo después de tu clic. La extensión no hace ninguna petición de red en tiempo de ejecución; el historial y las paletas permanecen en el almacenamiento de Chrome. La próxima vez que un píxel te llame la atención, pulsa Alt+P y lleva su color directo a tu código. 🌐 MORE FROM COLORING DOJO Free Online Coloring Pages: https://coloringdojo.com Cat Coloring Pages: https://coloringdojo.com/coloring-pages/cat-coloring-pages Unicorn Coloring Pages: https://coloringdojo.com/coloring-pages/unicorn-coloring-pages