身为设计师
面对各种繁杂的颜色搭配
时常感到头疼
不会提取色彩数值、没有敏锐的色感
不会配色技巧
怎么才能快速高效的解决这些问题呢?
羽番分享你10个好用到爆的色彩设计搭配神器 帮助你在工作中提高配色效率 事半功倍 Uigradients 以渐变色彩为主的设计神器 uiGradients是以渐变色为主的分享网站 接近上百种渐变配色方案 设计师可根据自己风格来选择搭配 每个都很好看,拿来即用 节约了大量试颜色的时间! △uiGradients官网截图 这么好的配色网站先给你分享下如何使用? 1、在线游览,图片免费下载 可以在线浏览所有的配色 点击你喜欢的图片就可以查看大图 右上角有免费下载的按钮 选好你喜欢的配色就可以直接下 还可以分享到你的社交账号 2、色值一键复制 颜色取用也超级简单 每个颜色都有配置好的色值 点一下就复制了! 3、色系人性化筛选 它能根据需要的色系进行筛选! 从上方的导航栏中选中一个颜色 就显示出该色系下的所有配色 对于经常需要有针对性寻找颜色的设计师来说 是很人性化的功能 Adobe color 在线色轮设计神器 Adobe color 是一家在线色轮提取网站 使用兼容性很强 提供RGB、CMYK、LAB、SHB、HEX 共5种色彩模式,非常人性化 用户可以根据自己的配色要求进行实时搭配 是配色的必备良器 △Adobe color 官网截图 zhongguose 中国传统配色网站 中国色网站源自日本的Nipponcolors 是一个中国风文艺的网站 每种配色都有一个好听的名字 一斥染、洒落柿、燕脂、雀茶、黄丹、萱草、赤香…… 点击每一个颜色 网站的背景色会随之变化 整个网站的背景主色是一直在变化的 视觉效果非常棒 每个颜色有CMYK及RGB色值参数 帮助精准的辨识颜色 △zhongguose中国传统配色网站 Material Palette 自动配色的线上工具 Material Palette提供Material Design在线配色 用法简单高效 你只要找出想要搭配的两种颜色 它就会显示出两种颜色搭配在一起的效果预览 提供你深或较浅的颜色选项 会自动生成任何你想要的颜色代码 △Material Palette官方网址截图 Coolors 在线快速配色方案生成器 Coolors主要提供Generate和Explore2类功能服务 会随机产生一套包括五种颜色的方案 并展示它们的色彩参数与代码 我们可以对其中任意一种颜色单独进行 色调饱和度、亮度等选项的调整 也可直接修改其参数 △Coolors官网网页截图 Colordrop四宫格配色 colordrop是在线颜色组合调试工具 也叫四宫格配色 点一个就能显示四个的色号 直接复制到ps或者是AI 非常便捷高效 △colordrop官网网页截图 Colrd寻找色彩灵感的网站 这个网站可以根据 颜色、渐变、调色板等 寻找图像资料 当你搭配颜色没有灵感想法时 可以到这个网站逛一逛 △colrd官方网页操作截图 Color Scheme Designer 在线颜色方案设计神器 作为一個免費的网络調色工具 不需注册就可使用 主要以色环的方式让使用者选择颜色 可加上6种傻瓜式配色 没有色彩基础的小白也能轻松上手 在色相环中任意设置明度 纯色,灰度,对比色等各种色彩的风格 能导出色彩清单 可以任意的调整方案 让使用者可以很容易地调出令人赏心悦目的配色 Color Scheme Designer的6种配色方案: 1、Monochromatic(单色配色) 以单一颜色做为基础色 再以饱和度、亮度变化出其它搭配的色 因为是属于同一个色系 所以这种配色法较能调配出舒适的色彩感受 △Color Scheme Designer中单色调配色方案的操作 2、Complementary(互补色配色) 以主色以及在色环对面的补色 调出对比效果明显的配色 3、Triad(三分色配色) 以一个主色以及在色环对面的两个补色 组成较为柔和的对比效果 △Color Scheme Designer中的三分配色 △三分配色降低了饱和度后的方案 4、Tetrad(四分色配色) 以两个主色以及在色环对面的两个补色 营造出一种强烈的视觉效果 5、Analogic(类似色配色) 以一个主色以及在它两旁等距的两个补色 调配出给人优雅、简洁的色彩感觉 6、Accented Analogic(互补类似色配色) 以3个类似色为基础 再加上色环对面的一个对比色 构成一种既不失优雅又能强调重点的有效配色法 LOL Colors 颜值较高的配色神器 LOL Colors是一款非常简洁 文艺又活泼,小资的色彩方案搭配神器 把鼠标移动到不同颜色的水滴上 会提示色彩代码(Hex Code)的颜色值 设计师们可以在这里找到很多不同色彩的多变组合 △LOL Colors搭配方案 seed 文艺又清新颜值配色神器 seed是以清新文艺风格为主的色彩搭配网页 根据选配好图片可以自动生成色彩配色 可以应用到色彩灵感的设计搭配 官方网址:www.webdesignrankings.com △seed官方搭配方案 好了,关于色彩的搭配神器就介绍到这里 最后,我们来小结一下: 1、Uigradients以渐变色彩为主的设计神器 2、Adobe color 在线色轮设计神器 3、zhongguose中国传统配色网站 4、Material Palette是自动配色的线上工具 5、Coolors在线快速配色方案生成器 6、Colordrop四宫格配色 7、Colrd寻找色彩灵感的网站 8、Color Scheme Designer在线颜色方案设计工具 9、LOL Colors颜值较高的配色神奇 10、seed文艺又清新颜值配色神器 色彩具有高度的情绪化和象征性 出彩的搭配让人身心舒畅 同理一个糟糕的色彩搭配就能毁掉一个设计 现在可以跟随羽番老师 一起学习更多色彩搭配技巧 现在就开始报名 ☟☟☟☟☟ 14天色彩训练营、轻松落地项目配色 △长按扫码,点击咨询