Abzar
搜索工具...
⌘
K
中文
▼
Command Palette
Search for a command to run...
首页
/
颜色与设计
/
Tailwind 颜色查询
Tailwind 颜色查询
浏览和搜索完整的 Tailwind 调色板
相关工具
十六进制
▼
slate
#f8fafc
50
#f1f5f9
100
#e2e8f0
200
#cad5e2
300
#90a1b9
400
#62748e
500
#45556c
600
#314158
700
#1d293d
800
#0f172b
900
#020618
950
gray
#f9fafb
50
#f3f4f6
100
#e5e7eb
200
#d1d5dc
300
#99a1af
400
#6a7282
500
#4a5565
600
#364153
700
#1e2939
800
#101828
900
#030712
950
zinc
#fafafa
50
#f4f4f5
100
#e4e4e7
200
#d4d4d8
300
#9f9fa9
400
#71717b
500
#52525c
600
#3f3f46
700
#27272a
800
#18181b
900
#09090b
950
neutral
#fafafa
50
#f5f5f5
100
#e5e5e5
200
#d4d4d4
300
#a1a1a1
400
#737373
500
#525252
600
#404040
700
#262626
800
#171717
900
#0a0a0a
950
stone
#fafaf9
50
#f5f5f4
100
#e7e5e4
200
#d6d3d1
300
#a6a09b
400
#79716b
500
#57534d
600
#44403b
700
#292524
800
#1c1917
900
#0c0a09
950
red
#fef2f2
50
#ffe2e2
100
#ffc9c9
200
#ffa2a2
300
#ff6467
400
#fb2c36
500
#e7000b
600
#c10007
700
#9f0712
800
#82181a
900
#460809
950
orange
#fff7ed
50
#ffedd4
100
#ffd6a7
200
#ffb86a
300
#ff8904
400
#ff6900
500
#f54900
600
#ca3500
700
#9f2d00
800
#7e2a0c
900
#441306
950
amber
#fffbeb
50
#fef3c6
100
#fee685
200
#ffd230
300
#ffb900
400
#fe9a00
500
#e17100
600
#bb4d00
700
#973c00
800
#7b3306
900
#461901
950
yellow
#fefce8
50
#fef9c2
100
#fff085
200
#ffdf20
300
#fdc700
400
#f0b100
500
#d08700
600
#a65f00
700
#894b00
800
#733e0a
900
#432004
950
lime
#f7fee7
50
#ecfcca
100
#d8f999
200
#bbf451
300
#9ae600
400
#7ccf00
500
#5ea500
600
#497d00
700
#3c6300
800
#35530e
900
#192e03
950
green
#f0fdf4
50
#dcfce7
100
#b9f8cf
200
#7bf1a8
300
#05df72
400
#00c950
500
#00a63e
600
#008236
700
#016630
800
#0d542b
900
#032e15
950
emerald
#ecfdf5
50
#d0fae5
100
#a4f4cf
200
#5ee9b5
300
#00d492
400
#00bc7d
500
#009966
600
#007a55
700
#006045
800
#004f3b
900
#002c22
950
teal
#f0fdfa
50
#cbfbf1
100
#96f7e4
200
#46ecd5
300
#00d5be
400
#00bba7
500
#009689
600
#00786f
700
#005f5a
800
#0b4f4a
900
#022f2e
950
cyan
#ecfeff
50
#cefafe
100
#a2f4fd
200
#53eafd
300
#00d3f2
400
#00b8db
500
#0092b8
600
#007595
700
#005f78
800
#104e64
900
#053345
950
sky
#f0f9ff
50
#dff2fe
100
#b8e6fe
200
#74d4ff
300
#00bcff
400
#00a6f4
500
#0084d1
600
#0069a8
700
#00598a
800
#024a70
900
#052f4a
950
blue
#eff6ff
50
#dbeafe
100
#bedbff
200
#8ec5ff
300
#51a2ff
400
#2b7fff
500
#155dfc
600
#1447e6
700
#193cb8
800
#1c398e
900
#162456
950
indigo
#eef2ff
50
#e0e7ff
100
#c6d2ff
200
#a3b3ff
300
#7c86ff
400
#615fff
500
#4f39f6
600
#432dd7
700
#372aac
800
#312c85
900
#1e1a4d
950
violet
#f5f3ff
50
#ede9fe
100
#ddd6ff
200
#c4b4ff
300
#a684ff
400
#8e51ff
500
#7f22fe
600
#7008e7
700
#5d0ec0
800
#4d179a
900
#2f0d68
950
purple
#faf5ff
50
#f3e8ff
100
#e9d4ff
200
#dab2ff
300
#c27aff
400
#ad46ff
500
#9810fa
600
#8200db
700
#6e11b0
800
#59168b
900
#3c0366
950
fuchsia
#fdf4ff
50
#fae8ff
100
#f6cfff
200
#f4a8ff
300
#ed6aff
400
#e12afb
500
#c800de
600
#a800b7
700
#8a0194
800
#721378
900
#4b004f
950
pink
#fdf2f8
50
#fce7f3
100
#fccee8
200
#fda5d5
300
#fb64b6
400
#f6339a
500
#e60076
600
#c6005c
700
#a3004c
800
#861043
900
#510424
950
rose
#fff1f2
50
#ffe4e6
100
#ffccd3
200
#ffa1ad
300
#ff637e
400
#ff2056
500
#ec003f
600
#c70036
700
#a50036
800
#8b0836
900
#4d0218
950
独立颜色
#000000
black
#ffffff
white
244 种颜色 — 点击任意色块复制