カラー

色はブランド認知の為の重要な側面の1つです。正しい色相 (色) を使用する為に確認を行うことが不可欠です。 次のリストをチェックして、公式の WordPress カラーを確認してください。 (こちらの CodePen でも利用可能です。)

公式ロゴもお探しですか?

カラー カラー

カラーはブルー、グレー、補助色相の3つのグループに分かれています。最もよく知られているカラーは、ブルーとグレーです。

Top ↑

ブルー ブルー

WordPress Blue
rgb(0,115,170)
#0073aa
Medium Blue
rgb(0,160,210)
#00a0d2

グレー グレー

このセクションは成長し続けており、こちらにはいくつか基本的なものを掲載しています。 CodePen で詳細を確認。

Ultra Dark Gray
rgb(25,30,35)
#191e23
Dark Gray
rgb(35,40,45)
#23282d
Base Gray
rgb(50,55,60)
#32373c
Dark Silver Gray
rgb(130,135,140)
#82878c
Silver Gray
rgb(160,165,170)
#a0a5aa
Light Silver Gray
rgb(180,185,190)
#b4b9be

Top ↑

補助色相 補助色相

こちらには基本的な色相のみ掲載されていますが、 CodePen には様々な色相が掲載されています。 これらは進化し続けている為、まだこちらには掲載されていません。

Accent Red
rgb(220,50,50)
#dc3232
Accent Orange
rgb(245,110,40)
#f56e28
Accent Yellow
rgb(255,185,0)
#ffb900
Accent Green
rgb(70,180,80)
#46B450
Medium Blue
rgb(0,160,210)
#00a0d2
Accent Purple
rgb(130,110,180)
#826eb4

Top ↑

ダウンロード ダウンロード

Top ↑

リソース リソース

原文: https://make.wordpress.org/design/handbook/design-guide/foundations/colors/
翻訳 GitHub: https://github.com/jawordpressorg/design-handbook/blob/master/design/design-guide/foundations/colors.md

最終更新日: