カスタムパレット

カスタム

#0043CE

#1F70C1

#0F62FE

#DDDDDD

#0043CE

#1F70C1

#0F62FE

#DDDDDD

このパレットを使用する

CSS変数

:root {
  --color-1: #0043CE;
  --color-2: #1F70C1;
  --color-3: #0F62FE;
  --color-4: #DDDDDD;
}

Tailwind CSS

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        palette: {
      '1': '#0043CE',
      '2': '#1F70C1',
      '3': '#0F62FE',
      '4': '#DDDDDD',
        }
      }
    }
  }
}

類似パレット

IBM

ITコンサルティングクラウド+2

#0071be

関西空港線

青JR西日本空港+1

#0066b3

境線

青JR西日本境+1

#0072BC

千歳線

青JR北海道空港アクセス+1

#0072BC

室蘭本線

青JR北海道室蘭+1

#0072BC

函館本線（渡島大島〜函館）

青JR北海道函館+1

カスタムパレット

カスタム

#0043CE

#1F70C1

#0F62FE

#DDDDDD

#0043CE

#1F70C1

#0F62FE

#DDDDDD

このパレットを使用する

CSS変数

:root {
  --color-1: #0043CE;
  --color-2: #1F70C1;
  --color-3: #0F62FE;
  --color-4: #DDDDDD;
}

Tailwind CSS

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        palette: {
      '1': '#0043CE',
      '2': '#1F70C1',
      '3': '#0F62FE',
      '4': '#DDDDDD',
        }
      }
    }
  }
}