Ir al selector de color
Pick
Shade
Todas las herramientas
Selector
Paletas
De una imagen
Colores
Convertir
Contraste
Degradado
Tailwind
Buscar
Ctrl K
Español
Todas las herramientas
Selector
Paletas
De una imagen
Colores
Convertir
Contraste
Degradado
Tailwind
Todos los colores de Tailwind
Paleta de colores gray de Tailwind
Los once tonos de gray de Tailwind CSS v4.3.3 con valores OKLCH, HEX y RGB y contraste del texto.
Copiar bloque @theme
Tono
Clase
OKLCH
HEX
RGB
Texto blanco
Texto negro
50
gray-50
oklch(98.5% 0.002 247.839)
#f9fafb
rgb(249 250 251)
1.04
20.12
100
gray-100
oklch(96.7% 0.003 264.542)
#f3f4f6
rgb(243 244 246)
1.1
19.08
200
gray-200
oklch(92.8% 0.006 264.531)
#e5e7eb
rgb(229 231 235)
1.24
16.98
300
gray-300
oklch(87.2% 0.01 258.338)
#d1d5dc
rgb(209 213 220)
1.47
14.27
400
gray-400
oklch(70.7% 0.022 261.325)
#99a1af
rgb(153 161 175)
2.6
8.07
500
gray-500
oklch(55.1% 0.027 264.364)
#6a7282
rgb(106 114 130)
4.84
4.34
600
gray-600
oklch(44.6% 0.03 256.802)
#4a5565
rgb(74 85 101)
7.56
2.78
700
gray-700
oklch(37.3% 0.034 259.733)
#364153
rgb(54 65 83)
10.31
2.04
800
gray-800
oklch(27.8% 0.033 256.848)
#1e2939
rgb(30 41 57)
14.68
1.43
900
gray-900
oklch(21% 0.034 264.665)
#101828
rgb(16 24 40)
17.75
1.18
950
gray-950
oklch(13% 0.028 261.692)
#030712
rgb(3 7 18)
20.13
1.04