ColorDojo：取色器与吸管工具

吸管取色器与颜色选择器扩展：私密拾取屏幕颜色，复制 OKLCH，匹配 Tailwind v4，检查对比度并提取配色。

ColorDojo 是一款私密的吸管取色器与颜色选择器扩展，面向需要 OKLCH、Tailwind 匹配和对比度检查、又不想授予全站常驻权限的开发者。拾取一个像素，复制数值，继续工作。 一次拾取，复制你要的格式 用 Chromium 原生吸管拾取屏幕上的任意像素。ColorDojo 显示 hex、RGB、HSL、HSV、OKLCH 和 Display P3，以及最接近的 CSS 命名颜色；开启自动复制后，默认格式会自动进入剪贴板。作为 rgba 取色器，它会保留粘贴与导入颜色的透明通道：8 位 hex，或带 alpha 的 rgb()，支持现代斜杠与传统逗号两种语法。Alt+P 快捷键让拾取不离键盘，工具栏徽章会变成上次拾取颜色的圆点。 应用前先微调通道 颜色差一点点？Edit 标签页是带滑块的 HSL 取色器：调整 RGB、HSL 或 HSV 通道，拖动时对照“Selected vs new”比较，满意后应用。格式、Tailwind 令牌与对比度检查都会跟随应用后的颜色。 MAC、WINDOWS、LINUX 通用的吸管 在 Chromium 提供原生吸管的环境里，直接从屏幕拾取；不提供时，页面内放大镜接管：16 倍放大，可拾取单个像素，对 3x3、5x5、11x11 或 25x25 区块取平均，也可拖选任意区域取平均。放大镜只在活动页面上、且只在你点击之后运行。 留在设计系统之内 每次拾取都会在本地与内置的 Tailwind CSS v4 调色板比对。ColorDojo 显示最接近的令牌、感知色差、成对色板，以及 `blue-600` 和 `var(--color-blue-600)` 两种形式的复制操作。这是 Tailwind 取色器的一半；主题提取再补上 Tailwind 颜色生成器，从当前页面直接写出完整的 @theme 块。 审计之前先查对比度 内置的 WCAG 对比度检查器会在拾取的同时显示与黑白的对比值。将当前颜色与历史颜色配对，可得到 WCAG 2.2 的 AA、大字号与 AAA 判定、参考性的 APCA Lc，以及正文不达 AA 时的邻近明度建议。 提取页面真正在用的颜色 主题提取只在活动页面上运行。ColorDojo 将可访问的 CSS 自定义属性与计算样式抽样相结合，把近似重复的颜色聚类成一套 OKLCH 调色板，并导出为 CSS 变量、Tailwind v4 @theme 块、含 OKLCH 分量的 W3C Design Tokens JSON，或任意格式的纯列表。 无需转换器标签页的 HEX 转 OKLCH 把 #ef4444、hsl(0 84% 60%)、cmyk(0 72 72 6) 或 oklch(60% 0.2 30) 粘贴进调色板导入器，再以需要的格式复制每一项：hex 转 OKLCH、OKLCH 转 hex、HSL 转 OKLCH，全部离线、在弹窗内完成。 没有浏览数据管道 ColorDojo 没有全站主机权限，也没有常驻内容脚本。检查与提取仅在你点击后使用 Chrome 的临时 activeTab 授权。扩展在运行时零网络请求；历史与调色板只保存在 Chrome 存储中。 下次有像素吸引你的目光，按下 Alt+P，把它的颜色直接带进代码。 🌐 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