カラー
色はブランド認知の為の重要な側面の1つです。正しい色相 (色) を使用する為に確認を行うことが不可欠です。 次のリストをチェックして、公式の WordPress カラーを確認してください。 (こちらの CodePen でも利用可能です。)
公式ロゴもお探しですか?
カラー
カラーはブルー、グレー、補助色相の3つのグループに分かれています。最もよく知られているカラーは、ブルーとグレーです。
ブルー
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
補助色相
こちらには基本的な色相のみ掲載されていますが、 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
ダウンロード
- Adobe Swatches (.ase) (@antpb さん、ありがとうございます。)
- Adobe Illustrator (.ai) (@antpb さん、ありがとうございます。)
- カラー要素を含むSketchファイル (貢献をお待ちしています。Slackで @hugobaeta さんにご連絡ください。)
リソース
原文: 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
最終更新日: