Tailwind CSS-fargegenerator

Generer Tailwind CSS-fargepaletter fra en basisfarge med nyanser fra 50 til 950

All behandling skjer i nettleseren din. Ingen data lastes opp.

Offline Ready

Tailwind CSS-fargegenerator

Generer Tailwind CSS-fargepaletter fra en basisfarge med nyanser fra 50 til 950

🔒All behandling skjer i nettleseren din. Ingen data lastes opp.

Basisfarge

Fargenavn

Fargepalett (50-950)

50#F2F6FD

100#E3EDFC

200#BDD4FA

300#80AEF9

400#4388F9

500#0B64F4

600#0653D0

700#0343AA

800#033382

900#032359

950#021431

CSS-variabler

:root {
  --color-primary-50: #F2F6FD;
  --color-primary-100: #E3EDFC;
  --color-primary-200: #BDD4FA;
  --color-primary-300: #80AEF9;
  --color-primary-400: #4388F9;
  --color-primary-500: #0B64F4;
  --color-primary-600: #0653D0;
  --color-primary-700: #0343AA;
  --color-primary-800: #033382;
  --color-primary-900: #032359;
  --color-primary-950: #021431;
}

Tailwind-konfigurasjon

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'primary': {
      50: '#F2F6FD',
      100: '#E3EDFC',
      200: '#BDD4FA',
      300: '#80AEF9',
      400: '#4388F9',
      500: '#0B64F4',
      600: '#0653D0',
      700: '#0343AA',
      800: '#033382',
      900: '#032359',
      950: '#021431',
        },
      },
    },
  },
};