随机颜色生成器 - 配色灵感工具
一键生成随机色彩,支持HEX/RGB/HSL格式
#6366F1
RGB: 99, 102, 241
HSL: 239°, 84%, 67%
提示:按空格键快速生成
配色方案
历史记录
清空暂无历史记录
颜色知识
HEX 颜色
十六进制格式,如 #FF5733,常用于CSS/网页设计,由6位字符组成。
RGB 颜色
红绿蓝三原色混合,每个值0-255,如 rgb(255, 87, 51)。
HSL 颜色
色相/饱和度/亮度,更直观地描述颜色特征,便于调整明暗。
配色技巧
互补色对比强烈,相邻色和谐统一,三色组丰富有层次。
色彩心理
红色热情活力,蓝色冷静专业,绿色自然健康,紫色高贵神秘。
对比度
文字与背景对比度建议4.5:1以上,确保可读性和无障碍访问。
常见问题
HEX、RGB、HSL有什么区别?
HEX是十六进制表示法,常用于网页代码;RGB用红绿蓝三个数值表示;HSL用色相、饱和度、亮度描述,更直观易调整。三种格式可以互相转换。
如何复制生成的颜色代码?
点击颜色展示区域可复制HEX代码,点击下方的RGB或HSL格式按钮可复制对应格式的颜色代码。
配色方案是如何生成的?
配色方案基于当前颜色的HSL值,通过色相环旋转和饱和度/亮度微调,生成和谐的相关配色。
有快捷键吗?
按空格键可以快速生成新的随机颜色,无需点击按钮,方便快速浏览不同色彩。
历史记录会保存多久?
历史记录保存在浏览器会话中,最多保留20个颜色。刷新页面后会清空,可点击颜色回顾之前喜欢的配色。
如何选择适合的配色?
根据使用场景选择:商务用蓝色系显专业,活动用红橙色系有活力,环保健康用绿色系,高端品牌用紫金色系。
点击颜色格式可复制对应代码,按空格键快速生成新颜色。