Android

OSモバイルスマートフォンGoogleオープンソース

Google LLCのAndroid（Android）ブランドカラーパレット。公式サイト、ブランドリソース、ブランドカラー資料を参考に、ロゴやWebデザインで使われる代表色（#3DDC84、#4285F4、#EA4335、#FBBC04、#34A853）を整理しています。

Googleが開発したモバイルオペレーティングシステム。世界中の多くのスマートフォンやタブレットで採用されているOSです。

#3DDC84

#4285F4

#EA4335

#FBBC04

#34A853

#3DDC84

#4285F4

#EA4335

#FBBC04

#34A853

参考情報

ブランドカラーは用途や媒体によって指定が分かれる場合があります。ロゴ、商標、広告利用では各社の最新ブランドガイドラインを確認してください。

このパレットを使用する

CSS変数

:root {
  --color-1: #3DDC84;
  --color-2: #4285F4;
  --color-3: #EA4335;
  --color-4: #FBBC04;
  --color-5: #34A853;
}

Tailwind CSS

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        palette: {
      '1': '#3DDC84',
      '2': '#4285F4',
      '3': '#EA4335',
      '4': '#FBBC04',
      '5': '#34A853',
        }
      }
    }
  }
}

類似パレット

Google

検索エンジンテクノロジークラウド+2

Microsoft

ソフトウェアOSクラウド+2

#FFC72C

#DA291C

マクドナルド

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

Slack

ビジネスコミュニケーションコラボレーション+2

#D40511

#FFCC00

DHL

宅配便物流国際配送+2

ブラジル

緑黄色青+1

Android

OSモバイルスマートフォンGoogleオープンソース

Googleが開発したモバイルオペレーティングシステム。世界中の多くのスマートフォンやタブレットで採用されているOSです。

#3DDC84

#4285F4

#EA4335

#FBBC04

#34A853

#3DDC84

#4285F4

#EA4335

#FBBC04

#34A853

参考情報

このパレットを使用する

CSS変数

:root {
  --color-1: #3DDC84;
  --color-2: #4285F4;
  --color-3: #EA4335;
  --color-4: #FBBC04;
  --color-5: #34A853;
}

Tailwind CSS

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        palette: {
      '1': '#3DDC84',
      '2': '#4285F4',
      '3': '#EA4335',
      '4': '#FBBC04',
      '5': '#34A853',
        }
      }
    }
  }
}