Utilivy
All-in-one tools for smart life
中
EN
Color Picker
颜色选择器
Pick colors and get HEX, RGB, and HSL codes
选择颜色并获取 HEX、RGB 和 HSL 代码
Select a Color
选择颜色
HEX Value
HEX 值
#4f46e5
Copy
复制
RGB Value
RGB 值
rgb(79, 70, 229)
Copy
复制
HSL Value
HSL 值
hsl(241, 75%, 59%)
Copy
复制
Add to Favorites
添加到收藏
Export Palette
导出调色板
Clear Favorites
清除收藏
Random Color
随机颜色
Favorite Colors
收藏颜色
How to Use
使用说明
1. Select a color using the color picker
1. 使用颜色选择器选择颜色
2. View HEX, RGB, and HSL values
2. 查看 HEX、RGB 和 HSL 值
3. Copy values with the copy buttons
3. 使用复制按钮复制值
4. Save favorites for later use
4. 保存收藏供以后使用
Color Formats
颜色格式
▸ HEX: #RRGGBB format
▸ HEX: #RRGGBB 格式
▸ RGB: Red, Green, Blue values
▸ RGB: 红、绿、蓝值
▸ HSL: Hue, Saturation, Lightness
▸ HSL: 色相、饱和度、亮度
▸ All formats are web standard
▸ 所有格式都是网页标准
Color Tips
颜色技巧
▸ Use complementary colors for contrast
▸ 使用互补色增强对比
▸ 60-30-10 rule for balanced palettes
▸ 60-30-10 规则创建平衡调色板
▸ Test accessibility with contrast tools
▸ 使用对比工具测试可访问性
▸ Export palettes for consistent design
▸ 导出调色板保持设计一致性
Copied to clipboard!
已复制到剪贴板！