调色板生成器

调色板生成器

在线调色板工具,用于创建和管理配色方案

Tailwind CSS 色阶HSL 颜色编辑器自定义配色方案色阶导出随机颜色生成器颜色示例库

基础色

#D81677

HSL 编辑器

330
82%
47%

示例

Tailwind 色阶

导出为:
50
100
200
300
400
500
600
700
800
900
950

配色方案

#D81677
#C0146A
#A8115D
#900F4F
#780C42
#600A35
#480728
#30051A
#18020D
#000000
Color 1#D81677
Color 2#C0146A
Color 3#A8115D
Color 4#900F4F
Color 5#780C42
Color 6#600A35
Color 7#480728
Color 8#30051A
Color 9#18020D
Color 10#000000

关于色彩搭配工具

一个专业的在线色彩搭配工具,帮助设计师和开发者创建漂亮的配色方案。支持 Tailwind CSS 色阶生成、HSL 颜色编辑、多种配色方案生成等功能。

功能特点:

  • 支持 Tailwind CSS 色阶生成,快速创建完整的颜色系统
  • HSL 颜色编辑器,精确调整色相、饱和度和亮度
  • 多种配色方案生成,包括互补色、类似色、三角色等
  • 支持保存和导出配色方案,方便重复使用

使用方法:

  • 选择或输入基础色,可以使用颜色选择器、HSL 编辑器或示例颜色
  • 选择需要的配色方案类型,如色阶、互补色等
  • 点击颜色块可以复制颜色代码
  • 可以保存喜欢的配色方案,或导出为 JSON 文件