カスタムパレット

カスタム

#FF0000

このパレットを使用する

CSS変数

:root {
  --color-1: #FF0000;
}

Tailwind CSS

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

類似パレット

すべて見る

#ff0000

ひかり・はくたか

赤新幹線速達+1

#F40009

コカ・コーラ

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

#ED1C23

函館本線（札幌〜長万部）

赤JR北海道函館本線+1

#FF6E00

#FF4D00

ダンキン

ドーナツカフェコーヒー+2

#e9451b

姫新線

オレンジJR西日本姫新+1

#F62E36

JR九州

赤JR九州ロゴ+1

カスタムパレット

カスタム

#FF0000

このパレットを使用する

CSS変数

:root {
  --color-1: #FF0000;
}

Tailwind CSS

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