在线取色器使用指南：屏幕取色与配色技巧
取色器是设计师和开发者的常用工具。从屏幕上获取准确的颜色值，是设计工作的第一步。
颜色代码格式
十六进制（HEX）：#FF5733，最常用的网页颜色格式，6位十六进制数表示红绿蓝各256级。
RGB：rgb(255, 87, 51)，红绿蓝三通道各0-255取值。
HSL：hsl(9, 100%, 60%)，色相（0-360）、饱和度（0%-100%）、亮度（0%-100%）。
常见配色方案
互补色：色环上相对的颜色，如蓝和橙，视觉效果强烈。
类似色：色环上相邻的颜色，如蓝、蓝绿、绿，和谐统一。
三色组合：色环上间隔120°三色，平衡且丰富。
取色技巧
使用取色器时，尽量从真实设计或自然图片中取色，这样搭配出来的颜色更自然和谐。保存常用颜色调色板，方便后续项目使用。
如何使用取色器
无论是复刻喜欢的配色还是还原设计稿，按三步取色：
- 第一步：打开取色器，点击"屏幕取色"并移动到目标位置。
- 第二步：松开鼠标即可获得该点的 HEX/RGB/HSL 值。
- 第三步：切换不同格式复制，或微调色相、明度得到衍生色。
常见问题（FAQ）
- HEX 和 RGB 能互相转换吗？
- 能，两者只是表示方式不同。例如 #FF5733 拆成 FF、57、33 三段再转十进制就是 rgb(255,87,51)。
- 同一个颜色在不同屏幕显示不一样？
- 会。屏幕色域和亮度不同会导致观感差异，重要场景用校色仪或统一在 sRGB 下工作。
- 怎么快速生成渐变？
- 取两个端点色后，用 HSL 在色相或明度上等距取中间值，能得到自然过渡的渐变序列。
- 为什么设计稿和网页有色差？
- 常因图片嵌入了 CMYK 或非 sRGB 配置。导出网页图时统一转成 sRGB 可减少偏差。
小贴士
- 建立品牌色板：把主色、辅助色、中性色固定下来存为调色板，后续页面保持一致。
- 注意对比度：正文与背景对比度建议≥4.5:1，用取色器配合对比度检查更稳妥。