Ir para o seletor de cores
Pick
Shade
Todas as ferramentas
Seletor
Paletas
Da imagem
Cores
Conversor
Contraste
Gradiente
Tailwind
Busca
Ctrl K
Português
Todas as ferramentas
Seletor
Paletas
Da imagem
Cores
Conversor
Contraste
Gradiente
Tailwind
Todas as cores do Tailwind
Paleta de cores zinc do Tailwind
Os onze tons de zinc do Tailwind CSS v4.3.3 com valores OKLCH, HEX e RGB e contraste do texto.
Copiar bloco @theme
Tom
Classe
OKLCH
HEX
RGB
Texto branco
Texto preto
50
zinc-50
oklch(98.5% 0 none)
#fafafa
rgb(250 250 250)
1.04
20.11
100
zinc-100
oklch(96.7% 0.001 286.375)
#f4f4f5
rgb(244 244 245)
1.1
19.08
200
zinc-200
oklch(92% 0.004 286.32)
#e4e4e7
rgb(228 228 231)
1.27
16.56
300
zinc-300
oklch(87.1% 0.006 286.286)
#d4d4d8
rgb(212 212 216)
1.48
14.2
400
zinc-400
oklch(70.5% 0.015 286.067)
#9f9fa9
rgb(159 159 169)
2.63
7.99
500
zinc-500
oklch(55.2% 0.016 285.938)
#71717b
rgb(113 113 123)
4.83
4.35
600
zinc-600
oklch(44.2% 0.017 285.786)
#52525c
rgb(82 82 92)
7.73
2.72
700
zinc-700
oklch(37% 0.013 285.805)
#3f3f46
rgb(63 63 70)
10.46
2.01
800
zinc-800
oklch(27.4% 0.006 286.033)
#27272a
rgb(39 39 42)
14.89
1.41
900
zinc-900
oklch(21% 0.006 285.885)
#18181b
rgb(24 24 27)
17.73
1.18
950
zinc-950
oklch(14.1% 0.005 285.823)
#09090b
rgb(9 9 11)
19.89
1.06