カスタムパレット

カスタム

#351C15

#FFB500

#699E38

#351C15

#FFB500

#699E38

このパレットを使用する

CSS変数

:root {
  --color-1: #351C15;
  --color-2: #FFB500;
  --color-3: #699E38;
}

Tailwind CSS

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        palette: {
      '1': '#351C15',
      '2': '#FFB500',
      '3': '#699E38',
        }
      }
    }
  }
}

類似パレット

UPS

宅配便物流配送+2

#FAAF18

福北ゆたか線

ゴールドJR九州筑豊+1

#FAAF18

長崎本線

ゴールドJR九州長崎+1

#ffc20e

木次線

ゴールドJR西日本木次+1

#f5a200

舞鶴線

オレンジJR西日本舞鶴+1

#f5a200

阪和線

オレンジJR西日本阪和+1

カスタムパレット

カスタム

#351C15

#FFB500

#699E38

#351C15

#FFB500

#699E38

このパレットを使用する

CSS変数

:root {
  --color-1: #351C15;
  --color-2: #FFB500;
  --color-3: #699E38;
}

Tailwind CSS

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        palette: {
      '1': '#351C15',
      '2': '#FFB500',
      '3': '#699E38',
        }
      }
    }
  }
}