请点击右上角在浏览器中打开

Tailwind CSS Color Generator

veleap头像
VE Leap社区
2023-04-13
312
正文内容

大家好哇,今天安利一个可预览的配色网页:Tailwind CSS Color Generator
https://uicolors.app/create

通过网站的主体我们可以发现,它主要是用于UI配色的灵感,生成用于统一界面的同色系渐变色。

素材灵感,配色,色彩预览,配色网页,UI设计,界面设计,渐变色

输入色号直接获取颜色方案:网站并不会以我们输入的色号作为配色里最深或最浅的端点,而是会自动匹配出与之对应的色卡。

素材灵感,配色,色彩预览,配色网页,UI设计,界面设计,渐变色

点击Contrast grid可以获取本色系的整体渐变网格,在上方可以选取色卡范围。

素材灵感,配色,色彩预览,配色网页,UI设计,界面设计,渐变色

点击export可以获取各种语言中的本色系代码。

素材灵感,配色,色彩预览,配色网页,UI设计,界面设计,渐变色

点击edit,在右侧的面板中可以调整整体的色调、饱和度、亮度,靠下的面板中可以调整整体配色中的单个颜色。

素材灵感,配色,色彩预览,配色网页,UI设计,界面设计,渐变色

相关阅读:

素材灵感丨两个免费可商用的png素材库

脚本分享丨把斜的素材“正”过来

  • AE使用教程
  • UI设计
  • 配色
  • 素材灵感
  • 色彩预览
  • 配色网页
  • 界面设计
  • 渐变色
/
立即打卡
点击下方”选择文件"或将文件拖拽到此区域
支持批量上传,上传格式为mp4文件
*标题:
*简介:
下载专区

温馨提示

暂不支持 系列版本下载 欢迎加入社区交流群,获取最新产品及资讯