DeepSeek 豆包 通义千问 文心一言 讯飞星火 智谱清言 Kimi 智能助手 百川智能 腾讯混元 360 智脑
全站通栏工具列表顶部广告

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

🎨 图片/设计 使用: 103 次 点赞: 1 查看详细教程
预览文字 预览文字
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

手机扫码使用

同类工具

用户评论

Anonymous 来自 贵州仁怀市 2026-04-18 20:26
ok!

发表评论

1769

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

广告横幅