Turinhub Toolbox

配色表

常见配色表展示，支持在线配色检测和色彩搭配

Tableau 10

Tableau 默认配色方案，适用于数据可视化

#4e79a7

#f28e2c

#e15759

#76b7b2

#59a14f

#edc949

#af7aa1

#ff9da7

#9c755f

#bab0ab

Tableau 20

Tableau 扩展配色方案，提供更多颜色选择

#4e79a7

#a0cbe8

#f28e2c

#ffbe7d

#59a14f

#8cd17d

#b6992d

#f1ce63

#499894

#86bcb6

#e15759

#ff9d9a

#79706e

#bab0ab

#d37295

#fabfd2

#b07aa1

#d4a6c8

#9d7660

#d7b5a6

Material Design

Google Material Design 配色方案

#f44336

#e91e63

#9c27b0

#673ab7

#3f51b5

#2196f3

#03a9f4

#00bcd4

#009688

#4caf50

#8bc34a

#cddc39

#ffeb3b

#ffc107

#ff9800

#ff5722

#795548

#9e9e9e

#607d8b

Viridis

科学可视化常用的感知均匀配色方案

#440154

#482777

#3f4a8a

#31678e

#26838f

#1f9d8a

#6cce5a

#b6de2b

#fee825

Plasma

高对比度的感知均匀配色方案

#0d0887

#5302a3

#8b0aa5

#b83289

#db5c68

#f48849

#febd2a

#f0f921

Cividis

对色盲友好的感知均匀配色方案

#00224e

#123570

#3b496c

#575d6d

#707173

#8a8678

#a59c74

#c3b369

#e1cc55

#fee838

ColorBrewer Set1

定性数据的经典配色方案

#e41a1c

#377eb8

#4daf4a

#984ea3

#ff7f00

#ffff33

#a65628

#f781bf

#999999

Pastel Colors

柔和的粉彩配色方案

#fbb4ae

#b3cde3

#ccebc5

#decbe4

#fed9a6

#ffffcc

#e5d8bd

#fddaec

#f2f2f2

使用说明

配色方案: 浏览各种经典配色方案，点击颜色块复制颜色值
颜色分析: 输入颜色值获取详细的颜色信息和可访问性分析
导出功能: 将配色方案导出为 JSON 文件，便于在其他项目中使用
对比度检测: 自动检测颜色是否符合 WCAG 可访问性标准