des/toolkitalpha
⚙
Assets · tokens

Token translator.

Paste colour tokens in any format — CSS variables, Tailwind config, or W3C tokens.json — and get the other two on the spot.

Parsed 6 colour tokens
Input · auto: CSS variables
Output
module.exports = {
  theme: {
    extend: {
      colors: {
      brand: {
        pink: '#ff4d8b',
        teal: '#1a3a3a',
        lavender: '#b8a4ed',
      },
      neutral: {
        "100": '#fffaf0',
        "500": '#6a6a6a',
        "900": '#0a0a0a',
      },
    },
    },
  },
};