色彩搭配轮
使用交互式色彩搭配轮工具，探索各种色彩组合方案。无论你是设计师、艺术家还是色彩爱好者，都能在这里找到完美的配色灵感。
基础颜色
点击色轮选择基础颜色
#195DE6
80%
50%
色彩信息
#195DE6
色相220°
饱和度80%
亮度50%
RGB25, 93, 230
生成的配色方案
互补色 — 根据所选配色模式自动生成的和谐配色方案
#195DE6
#E6A219
基础色
#195DE6
互补色
#E6A219
CSS 变量
一键复制到样式文件，快速应用配色方案
:root {
--color-complementary-1: #195DE6;
--color-complementary-2: #E6A219;
}色彩理论小知识