カスタムパレット

カスタム

#6856A3

このパレットを使用する

CSS変数

:root {
  --color-1: #6856A3;
}

Tailwind CSS

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        palette: {
      '1': '#6856A3',
        }
      }
    }
  }
}

類似パレット

すべて見る

#6856a3

小野田線

紫JR西日本小野田+1

#6A3D98

かがやき・はくたか・あさま・つるぎ

紫新幹線北陸+1

#8F7ED5

JR総研

紫研究機関技術+1

#413993

福塩線

インディゴJR西日本福塩+1

#947eb8

芸備線

ラベンダーJR西日本芸備+1

#0066b3

境線

青JR西日本境+1

カスタムパレット

カスタム

#6856A3

このパレットを使用する

CSS変数

:root {
  --color-1: #6856A3;
}

Tailwind CSS

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        palette: {
      '1': '#6856A3',
        }
      }
    }
  }
}