← 返回工具箱首页
🎨 CSS 颜色样式选择工具
实时取色 · 多格式转换 · 复制颜色值 · 生成CSS代码
🎨 颜色选择器
🎯 拾色器 / HEX
🔴 R
59
🟢 G
130
🔵 B
246
🎨 H (色相)
217
💧 S (饱和度%)
91
⚡ L (亮度%)
60
💡 提示：支持HEX、RGB、HSL互转，拖动滑块或修改任意值，实时更新颜色预览及CSS代码。
📋 颜色值 & CSS样式
HEX
#3b82f6
复制
RGB
rgb(59, 130, 246)
复制
RGBA
rgba(59, 130, 246, 1)
复制
🔘 透明度 (Alpha)
1.00
HSL
hsl(217, 91%, 60%)
复制
📝 CSS 代码片段
background-color: #3b82f6;
📋 复制 CSS
🔄 重置为默认蓝色
🌟 颜色值支持直接复制，可用于 CSS、Canvas 或任何设计需求。