基础颜色
HEX
RGB
HSL
Space
随机生成
点击
复制颜色
锁定颜色
颜色节点
%
%
渐变类型
渐变角度
135°
CSS 代码
background: linear-gradient(135deg, #9b5de5 0%, #00f5d4 100%);
预设渐变
选择UI风格
现代暗黑
科技感、专业、沉稳
简洁明亮
清新、简约、专业
温暖舒适
温馨、亲和、活力
自然清新
生态、健康、平静
活泼俏皮
年轻、时尚、有趣
奢华紫金
高端、优雅、尊贵
应用当前配色
将调色板生成器的配色应用到预览
UI 组件预览
数据概览
本月业绩统计
¥128,450
标签一
标签二
标签三
标签四
CSS 变量
:root {
--color-primary: #9b5de5;
--color-secondary: #00f5d4;
--color-accent: #f15bb5;
--color-background: #0a0a0f;
--color-surface: #12121a;
--color-text: #ffffff;
--color-text-muted: rgba(255,255,255,0.6);
}