カスタムパレット

カスタム

#004B93

#E32934

#004B93

#E32934

このパレットを使用する

CSS変数

:root {
  --color-1: #004B93;
  --color-2: #E32934;
}

Tailwind CSS

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        palette: {
      '1': '#004B93',
      '2': '#E32934',
        }
      }
    }
  }
}

類似パレット

すべて見る

#004B93

#E32934

ペプシ

炭酸飲料清涼飲料ソフトドリンク+2

#0055A4

#FFFFFF

#EF4135

フランス

青白赤+2

#003378

#E31937

#FFFFFF

USPS（アメリカ郵便公社）

郵便公的サービス配送+2

#012169

#FFFFFF

#C8102E

イギリス

青白赤+2

韓国

青赤白+3

#FF6C00

#006FA9

ゲータレード

スポーツドリンク清涼飲料スポーツ+2

カスタムパレット

カスタム

#004B93

#E32934

#004B93

#E32934

このパレットを使用する

CSS変数

:root {
  --color-1: #004B93;
  --color-2: #E32934;
}

Tailwind CSS

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        palette: {
      '1': '#004B93',
      '2': '#E32934',
        }
      }
    }
  }
}