全站通栏工具列表顶部广告

超级取色器 - 屏幕取色/颜色选择/色值转换

🎨 图片/设计 使用:25 次 点赞:0 查看详细教程
预览文字 预览文字
HEX #0F7BFF
RGB rgb(15, 123, 255)
HSL hsl(213, 100%, 53%)
对比度 - -
CSS 代码(点击复制)
color: #0F7BFF;
background-color: #0F7BFF;
border-color: #0F7BFF;
相近颜色推荐
📜 历史
⭐ 收藏
🎨 常用色

使用说明

📌 功能特性:
• 屏幕取色 - 使用 EyeDropper API 从屏幕任意位置取色
• 颜色选择器 - 原生调色板选择颜色
• 随机颜色 - 一键生成随机颜色,激发灵感
• 图片取色 - 上传图片,点击任意位置取色
• 手动输入 - 支持 HEX、RGB、HSL 格式输入
• 色值转换 - 实时显示 HEX、RGB、HSL 三种格式
• 颜色收藏 - 收藏常用颜色,长期保存
• 历史记录 - 自动保存最近 12 个取色
• 对比度检测 - 符合 WCAG 标准,提示文字可见性
• 相近颜色推荐 - 互补色、类似色、三分色
• CSS 代码生成 - 一键复制 color/background/border 代码
• 批量导出 - 导出历史和收藏为 JSON 文件
📖 使用步骤:
1. 点击「屏幕取色」从屏幕任意位置取色
2. 或使用「调色板」「随机」「图片取色」获取颜色
3. 也可直接输入 HEX/RGB/HSL 值
4. 点击色值可复制对应格式
5. 点击 ⭐ 收藏常用颜色
6. 点击 CSS 代码行复制样式代码
QR Code

手机扫码使用

同类工具

用户评论

暂无评论,快来抢沙发吧~

发表评论

9412

所有评论需经审核后显示,请勿发布违法信息。

广告横幅