HSL 取色器
从图片获取 HSL 颜色值
点击像素即可得到 hsl(h, s%, l%)，适合主题系统、渐变与可访问性微调。
Needs Chromium EyeDropper API
或粘贴 (Ctrl/Cmd+V) · 拖拽到下方拖入图片开始取色
支持 JPG、PNG、WEBP、GIF、BMP。悬停放大预览，点击锁定颜色；可用右侧邻近像素网格微调。图片仅在本地处理。
当前颜色
近似色名：海洋绿
#2596be
查看颜色详情 →取色历史
点击图片取色后会出现在这里
主色板
加载图片后自动提取最多 8 个主色
和谐色
深色 Shades
浅色 Tints
对比度快检
Aa 预览标题
敏捷的棕色狐狸跳过懒狗。
3.40:1
AA Normal: Fail
AA Large: Pass
AAA Normal: Fail
AAA Large: Fail
常见问题
为什么设计师喜欢 HSL？+
HSL 把色相、饱和度、明度拆开，更接近人眼调色的方式，做 tints/shades 与主题变体更直观。
HSL 和 HSV 有什么区别？+
二者都基于色相，但明度模型不同：HSL 的 L 是相对明度，HSV 的 V 更接近最大通道亮度。