|
|
|
一个取色 / 调色 / 格式转换的小工具：
#3b82f6、rgb(59,130,246)、skyblue 都行），或用"屏幕取色"吸取页面上任意像素（需 Chrome / Edge 等支持 EyeDropper 的浏览器）。rgba() / hsla() / 8 位 HEX。全部在浏览器本地计算，不上传。
| 术语 | 英文 | 说明 | 常见场景 |
|---|---|---|---|
| 十六进制 | HEX | # 开头的 6 位（或 3 位缩写、8 位含透明） |
Web、CSS |
| 红绿蓝 | RGB | 加色三原色，屏幕显示标准 | 显示器、网页 |
| 色相/饱和度/明度 | HSL、HSV/HSB | 更贴近人对颜色的直觉，方便调明暗 | 设计微调 |
| 印刷四色 | CMYK | 青品黄黑，减色法 | 印刷（本工具为屏幕近似值） |
| 透明度 | Alpha | 0（全透明）到 1（不透明） | 蒙版、阴影、叠层 |
WCAG 无障碍标准建议：正文文字与背景对比度至少 4.5:1（AA），大字（约 18pt 以上或 14pt 加粗）至少 3:1；追求 AAA 则分别为 7:1 和 4.5:1。工具在预览区直接给出当前颜色配黑字、白字的对比度和评级。
Q："屏幕取色"按钮没出现？ A：该功能用浏览器的 EyeDropper API，目前 Chrome、Edge、Opera 桌面版支持，Firefox 和 Safari 暂不支持，检测不到时按钮会自动隐藏。
Q：CMYK 值能直接给印刷厂吗？ A：不建议。这里的 CMYK 是从 RGB 简单换算的屏幕近似值，实际印刷要用带 ICC 色彩配置的专业软件转换。
Q：HEX 短写什么时候能用？
A：当 6 位 HEX 每组两位字符相同（如 #FFAA00 → #FA0）时可缩写，否则会提示"不可缩写"。
Q：输入框变红是什么意思？ A：当前输入不是合法的颜色值。支持 HEX、rgb()/rgba()、hsl()/hsla() 和 CSS 颜色名。
Q：数据会上传吗？ A：不会。取色和最近使用记录都只在本机浏览器里。
相关：CSS 效果生成器 · 精灵图生成 · 正则表达式 · HTML/JS 互转 · Base64 编解码。