Tintcask:颜色选择器与调色板
取色器、对比度检查与调色板
支持离线使用 · 您的数据保存在浏览器中 · Chrome · Edge · Firefox
/ 屏幕截图
/ 关于 Tintcask: Color Picker & Palette
Tintcask 是一款用于网页的选色器和吸管工具,它会记住您选择的每种颜色。点击工具栏按钮或按下 Alt+Shift+C,将放大镜移到页面上,然后点击任何可见的像素。.
以您所需的格式(HEX、RGB、HSL 或 OKLCH)获取代码,一键复制。.
发布前请检查可读性。WCAG 2.2 对比度检查工具会显示常规文本和放大文本的 AA 级和 AAA 级对比度结果,并建议最接近且符合标准的文本颜色。.
历史记录、命名色板、渐变和 CSS 导出功能可让您的颜色井然有序。所有内容均存储在您的浏览器中。.
功能介绍
- 使用 15×15 的放大镜选择任意一个可见像素;方向键可将其移动 1 像素,按 Esc 键取消操作。.
- 只需点击一下,即可复制十六进制、RGB、HSL 或 OKLCH 值。.
- 输入或粘贴任意 CSS 颜色,并使用 OKLCH 滑块进行微调。.
- 根据 WCAG 2.2 AA 和 AAA 标准,检查正常大小和较大字体的文本与背景之间的对比度。.
- 当一对数据验证失败时,获取最近通过验证的文本颜色。.
- 查看页面中用于文本、背景和边框的所有颜色,按使用频率排序。.
- 将最近选定的200种颜色保存在历史记录中。.
- 最多可创建 100 个命名调色板,并为其分配“文本”、“背景”和“点缀色”等角色。.
- 创建最多包含 8 个色阶的线性或径向渐变,并复制 CSS 代码。.
- 将调色板导出为 CSS 自定义属性或 JSON 格式,并备份或还原所有内容。.
选中的像素即为浏览器在屏幕上渲染的颜色,因此 Tintcask 绝不会假装知道其背后的原始 CSS。任何扩展程序都无法读取浏览器内置页面和扩展程序商店中的内容。.
支持16种语言、浅色和深色主题,以及完整的键盘控制。.
支持离线使用。您的数据保存在浏览器中。.
权限:activeTab 允许 Tintcask 仅在您主动请求时读取您点击的标签页;scripting 权限用于在该页面上绘制放大镜;storage 权限用于将您的浏览历史和调色板保存在设备上;可选的剪贴板权限仅用于复制颜色。.
/ 注释
选择一个已渲染的页面颜色,然后将其保存到命名调色板中,或复制其 HEX、RGB、HSL 或 OKLCH 值。对比度检查器可帮助您在导出 CSS 之前比较文字与背景的组合效果。.
历史记录和配色方案将保存在此浏览器配置文件中。采样的像素反映的是浏览器渲染的效果,未必是原始的 CSS 颜色。浏览器设置页面和扩展程序商店会限制扩展程序的访问权限。.
// 获取应用程序