调色板从网上的照片。在线配色方案生成器

基于照片和图片的自动颜色匹配。

上传图像，定义 6 基色的方案，并查看它们在网页上的匹配情况

拖放文件或选择添加图像

www.gradients.app — pick colors from image

强调色

调色板的明亮色彩，突出重要细节并吸引注意力 🔥

#{{getColor(1)}}

#{{getColor(2)}}

#{{getColor(3)}}

#{{color}}

我们将帮助您选择文字和背景的颜色

对比色让您的内容更加精彩 🤩

健康

{{sameitem.contrast}}:1

柔和的颜色

适用于通知、信息卡等区块 👍

#{{getColor(7)}}

#{{getColor(8)}}

#{{getColor(9)}}

#{{getColor(10)}}

浅色

理想的背景和基材 😺

#{{color}}

暗色

可用于文本和标题 📝

#{{color}}

反转颜色

调色板的反面。与您的方案中的颜色形成鲜明对比。 🦇

#{{invertColor(getColor(1))}}

#{{invertColor(getColor(2))}}

#{{invertColor(getColor(3))}}

#{{invertColor(getColor(4))}}

#{{invertColor(getColor(5))}}

#{{invertColor(getColor(6))}}

#{{invertColor(getColor(7))}}

#{{invertColor(getColor(8))}}

#{{invertColor(getColor(9))}}

#{{invertColor(getColor(10))}}

工具

调色板从网上的照片。在线配色方案生成器

WOW! 🤩

从在线照片创建调色板

强调色

#{{getColor(1)}}

#{{getColor(2)}}

#{{getColor(3)}}

我们将帮助您选择文字和背景的颜色

柔和的颜色

#{{getColor(7)}}

#{{getColor(8)}}

#{{getColor(9)}}

#{{getColor(10)}}

浅色

暗色

反转颜色

工具

调色板从网上的照片。在线配色方案生成器

WOW! 🤩

从在线照片创建调色板

强调色

#{{getColor(1)}}

#{{getColor(2)}}

#{{getColor(3)}}

我们将帮助您选择文字和背景的颜色

柔和的颜色

#{{getColor(7)}}

#{{getColor(8)}}

#{{getColor(9)}}

#{{getColor(10)}}

浅色

暗色

反转颜色

工具

您好，很高兴见到您！

忘记密码？

创建一个新账户

捐

了解网格渐变

您好，
很高兴见到您！

创建一个
新账户