カスタムパレット

カスタム

#000000

#DD0000

#FFCE00

#000000

#DD0000

#FFCE00

このパレットを使用する

CSS変数

:root {
  --color-1: #000000;
  --color-2: #DD0000;
  --color-3: #FFCE00;
}

Tailwind CSS

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        palette: {
      '1': '#000000',
      '2': '#DD0000',
      '3': '#FFCE00',
        }
      }
    }
  }
}

類似パレット

ドイツ

黒赤金+1

#E40018

#000000

KFC

フライドチキンファストフードチェーン+2

#D40511

#FFCC00

DHL

宅配便物流国際配送+2

#DE2910

#FFDE00

中国

赤黄色アジア+1

#FFC72C

#DA291C

マクドナルド

ファストフードハンバーガーチェーン+2

#FFFC00

#000000

Snapchat

SNS写真メッセージ+2

カスタムパレット

カスタム

#000000

#DD0000

#FFCE00

#000000

#DD0000

#FFCE00

このパレットを使用する

CSS変数

:root {
  --color-1: #000000;
  --color-2: #DD0000;
  --color-3: #FFCE00;
}

Tailwind CSS

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        palette: {
      '1': '#000000',
      '2': '#DD0000',
      '3': '#FFCE00',
        }
      }
    }
  }
}