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 purple de Tailwind
Los once tonos de purple 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
purple-50
oklch(97.7% 0.014 308.299)
#faf5ff
rgb(250 245 255)
1.07
19.58
100
purple-100
oklch(94.6% 0.033 307.174)
#f3e8ff
rgb(243 232 255)
1.18
17.77
200
purple-200
oklch(90.2% 0.063 306.703)
#e9d4ff
rgb(233 212 255)
1.37
15.38
300
purple-300
oklch(82.7% 0.119 306.383)
#dab2ff
rgb(218 178 255)
1.78
11.78
400
purple-400
oklch(71.4% 0.203 305.504)
#c27aff
rgb(194 122 255)
2.79
7.53
500
purple-500
oklch(62.7% 0.265 303.9)
#ad46ff
rgb(173 70 255)
4.12
5.1
600
purple-600
oklch(55.8% 0.288 302.321)
#9810fa
rgb(152 16 250)
5.53
3.79
700
purple-700
oklch(49.6% 0.265 301.924)
#8200db
rgb(130 0 219)
7.07
2.97
800
purple-800
oklch(43.8% 0.218 303.724)
#6e11b0
rgb(110 17 176)
8.87
2.37
900
purple-900
oklch(38.1% 0.176 304.987)
#59168b
rgb(89 22 139)
10.94
1.92
950
purple-950
oklch(29.1% 0.149 302.717)
#3c0366
rgb(60 3 102)
15.03
1.4