You are viewing the Tailwind v3 docs.
Switch to latest
shadcn-svelte
Docs
Components
Blocks
Themes
Examples
Colors
Toggle Menu
Search documentation...
Search...
⌘
K
GitHub
X (formerly known as Twitter)
Toggle theme
npx shadcn-svelte init
Tailwind Colors
Tailwind Colors
Tailwind CSS colors in HSL, RGB, and HEX formats.
Choose color format to copy:
HSL
RGB
Hex
Class Name
inherit
0
1
2
3
4
5
6
current
0
1
2
3
4
5
6
7
8
9
10
11
transparent
0
1
2
3
4
5
6
7
8
9
10
black
hex
rgb
hsl
oklch
white
hex
rgb
hsl
oklch
slate
0
1
2
3
4
5
6
7
8
9
10
gray
0
1
2
3
4
5
6
7
8
9
10
zinc
0
1
2
3
4
5
6
7
8
9
10
neutral
0
1
2
3
4
5
6
7
8
9
10
stone
0
1
2
3
4
5
6
7
8
9
10
red
0
1
2
3
4
5
6
7
8
9
10
orange
0
1
2
3
4
5
6
7
8
9
10
amber
0
1
2
3
4
5
6
7
8
9
10
yellow
0
1
2
3
4
5
6
7
8
9
10
lime
0
1
2
3
4
5
6
7
8
9
10
green
0
1
2
3
4
5
6
7
8
9
10
emerald
0
1
2
3
4
5
6
7
8
9
10
teal
0
1
2
3
4
5
6
7
8
9
10
cyan
0
1
2
3
4
5
6
7
8
9
10
sky
0
1
2
3
4
5
6
7
8
9
10
blue
0
1
2
3
4
5
6
7
8
9
10
indigo
0
1
2
3
4
5
6
7
8
9
10
violet
0
1
2
3
4
5
6
7
8
9
10
purple
0
1
2
3
4
5
6
7
8
9
10
fuchsia
0
1
2
3
4
5
6
7
8
9
10
pink
0
1
2
3
4
5
6
7
8
9
10
rose
0
1
2
3
4
5
6
7
8
9
10