色彩搭配工具

🌈 智能配色方案

单色调

基于单一颜色的不同明度和饱和度

#042761
#094fc2
#3b82f6
#9dc0fa
#cee0fd
点击颜色块复制颜色值

相邻色

色轮上相邻的颜色,和谐统一

#3bf6af
#3bdff6
#3b82f6
#513bf6
#af3bf6
点击颜色块复制颜色值

互补色

色轮上相对的颜色,对比强烈

#3b82f6
#f6af3b
#89ace5
#e5c289
#426db2
点击颜色块复制颜色值

三等分

色轮上等距120度的三种颜色

#3b82f6
#f63b82
#82f63b
#a7bfe5
#e5a7bf
点击颜色块复制颜色值

四等分

色轮上等距90度的四种颜色

#3b82f6
#f63bdf
#f6af3b
#3bf652
#89ace5
点击颜色块复制颜色值

分裂互补

一个主色加上互补色两侧的颜色

#3b82f6
#f6523b
#dff63b
#90aede
#bf9654
点击颜色块复制颜色值

💡 配色技巧

  • • 单色调方案简洁统一
  • • 互补色对比强烈醒目
  • • 相邻色温和和谐
  • • 三等分色平衡活泼
  • • 注意颜色的情感含义