VNIMIZER

Generador paleta Tailwind

Genera una escala de colores Tailwind desde un color.

Procesado localmente en tu navegador

50

#f5fff0

100

#ebffe0

200

#cfffb8

300

#b1ff8a

400

#8bff52

500

#66ff1a

600

#50f000

700

#42c700

800

#359e00

900

#297a00

950

#194d00
colors: {
  brand: {
      50: '#f5fff0',
      100: '#ebffe0',
      200: '#cfffb8',
      300: '#b1ff8a',
      400: '#8bff52',
      500: '#66ff1a',
      600: '#50f000',
      700: '#42c700',
      800: '#359e00',
      900: '#297a00',
      950: '#194d00',
  },
}

Herramientas relacionadas

Conversor HEX ↔ RGB

Convierte colores entre HEX, RGB y HSL.

Selector de color

Elige colores y copia valores HEX, RGB y HSL.

Generador de degradados

Crea degradados CSS lineales y radiales.

Verificador de contraste

Verifica ratios de contraste contra WCAG AA y AAA.