Tailwind CSS Color Generator
一键生成设计主题配色,还可以直接复制 Tailwind CSS 配置代码。
- 网站主要是用于UI配色的灵感,生成用于统一界面的同色系渐变色
- 输入色号直接获取颜色方案:网站并不会以我们输入的色号作为配色里最深或最浅的端点,而是会自动匹配出与之对应的色卡
- 点击Contrast grid可以获取本色系的整体渐变网格,在上方可以选取色卡范围
- 点击Export可以获取各种语言中的本色系代码
- 点击Edit,在右侧的面板中可以调整整体的色调、饱和度、亮度,靠下的面板中可以调整整体配色中的单个颜色
网站地址
官网:https://uicolors.app/create
类似网站
- OohColor:https://oohcolor.com/