ColorDojo : Pipette et sélecteur de couleurs

Extension pipette et sélecteur de couleurs : prélèvement privé, copie OKLCH, tokens Tailwind v4, contraste WCAG, palettes.

ColorDojo est une extension privée de pipette et de sélecteur de couleurs pour les développeurs qui ont besoin d'OKLCH, de correspondances Tailwind et d'un vérificateur de contraste sans accès permanent à tous les sites. Prélevez un pixel, copiez la valeur, continuez à travailler. PRÉLEVEZ UNE FOIS, COPIEZ VOTRE FORMAT Choisissez n'importe quel pixel de l'écran avec la pipette native de Chromium. ColorDojo affiche hex, RGB, HSL, HSV, OKLCH et Display P3, plus la couleur CSS nommée la plus proche, puis copie automatiquement votre format par défaut si la copie auto est activée. En sélecteur de couleurs rgba, il conserve le canal alpha des couleurs collées et importées : hex à 8 chiffres ou rgb() avec alpha, en syntaxe moderne à barre oblique ou héritée à virgules. Le raccourci Alt+P met le prélèvement au clavier, et le badge de la barre d'outils devient un point de la dernière couleur prélevée. AJUSTEZ LES CANAUX AVANT DE VALIDER Couleur presque parfaite ? L'onglet Édition est un sélecteur de couleurs HSL à curseurs : réglez les canaux RGB, HSL ou HSV, suivez la comparaison « Selected vs new » pendant le glissement, puis appliquez. Les formats, le token Tailwind et les vérifications de contraste suivent la couleur appliquée. UNE PIPETTE POUR MAC, WINDOWS ET LINUX La pipette native de Chrome couvre les prélèvements d'écran là où Chromium la propose. Sinon, la loupe intégrée à la page prend le relais : un grossissement 16x qui échantillonne un pixel, moyenne des blocs 3x3, 5x5, 11x11 ou 25x25, ou moyenne la zone que vous tracez. La loupe ne s'exécute que sur la page active et seulement après votre clic. RESTEZ DANS LE DESIGN SYSTEM Chaque prélèvement est comparé localement à la palette Tailwind CSS v4 embarquée. ColorDojo affiche le token le plus proche, son delta perceptuel, des échantillons appariés et des actions de copie pour `blue-600` et `var(--color-blue-600)`. C'est la moitié sélecteur de couleurs Tailwind ; l'extraction de thème ajoute un générateur de couleurs Tailwind qui écrit un bloc @theme complet depuis la page affichée. VÉRIFIEZ LE CONTRASTE AVANT L'AUDIT Le vérificateur de contraste WCAG intégré affiche les ratios contre blanc et noir dès le prélèvement. Associez la couleur active à une couleur de l'historique pour les contrôles WCAG 2.2 AA, grand texte et AAA, l'APCA Lc indicatif et une suggestion de luminosité proche quand le texte normal échoue au niveau AA. EXTRAYEZ LES COULEURS QU'UNE PAGE UTILISE VRAIMENT Lancez l'extraction de thème uniquement sur la page active. ColorDojo combine les custom properties CSS accessibles avec un recensement échantillonné des styles calculés, regroupe les couleurs quasi identiques en une palette OKLCH et exporte des variables CSS, un bloc @theme Tailwind v4, du JSON W3C Design Tokens avec composantes OKLCH ou une simple liste au format de votre choix. CONVERTISSEZ HEX EN OKLCH SANS AUTRE ONGLET Collez #ef4444, hsl(0 84% 60%), cmyk(0 72 72 6) ou oklch(60% 0.2 30) dans l'importateur de palettes et recopiez chaque entrée au format voulu : hex vers OKLCH, OKLCH vers hex ou HSL vers OKLCH, hors ligne, dans le popup. AUCUN PIPELINE DE DONNÉES DE NAVIGATION ColorDojo n'a aucune permission d'hôte globale ni content script persistant. L'inspection et l'extraction utilisent l'autorisation temporaire d'onglet actif de Chrome, uniquement après votre clic. L'extension n'émet aucune requête réseau à l'exécution ; l'historique et les palettes restent dans le stockage de Chrome. La prochaine fois qu'un pixel accroche votre œil, appuyez sur Alt+P et amenez sa couleur droit dans votre code. 🌐 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