見出し画像

Notionの「グレー」とは

Notionにおける「グレー」という用語について説明する記事です。
なお、過去の記事にて、異なる呼び方をしている場合がありますが、後日表記を統一していく予定です。

2023年03月17日時点のウェブ版における配色を記載しています。

ダークモードの「グレー」

ダークモードの「グレー」

アイコンの「gray」

アイコンでは、色を「gray」に設定できます。

色は #D3D3D3 RGB(211, 211, 211) です。

オプションの「グレー」

セレクトプロパティマルチセレクトプロパティでは、オプションの色を「グレー」に設定できます。

背景色は #5A5A5A RGB(90, 90, 90) です。
文字色は #DFDFDF RGB(223, 223, 223) です。

バー・リングの「グレー」

number型プロパティのバーやリングでは、色を「グレー」に設定できます。

色は、 #5A5A5A RGB(90, 90, 90) です。
背景色は、 #252525 RGB(37, 37, 37) です。

ブロックの「グレー」

ブロックでは、文字色や背景色を「グレー」に設定できます。

文字色の場合の文字色は、 #9B9B9B RGB(155, 155, 155) です。
背景色の場合の背景色は、 #2F2F2F RGB(47, 47, 47) です。
背景色の場合の文字色は、 #D8D8D8 RGB(216, 216, 216) です。

ライトモードの「グレー」


ライトモードの「グレー」

アイコンの「gray」

アイコンでは、色を「gray」に設定できます。

色は #55534E RGB(85, 83, 78) です。

オプションの「グレー」

セレクトプロパティやマルチセレクトプロパティでは、オプションの色を「グレー」に設定できます。

背景色は #E3E2E0 RGB(227, 226, 224) です。
文字色は #32302C RGB(50, 48, 44) です。

バー・リングの「グレー」

number型のプロパティのバーやリングでは、色を「グレー」に設定できます。

色は、 #91918E RGB(145, 145, 142) です。
背景色は、 #E3E2E1 RGB(227, 226, 225) です。

ブロックの「グレー」

ブロックでは、文字色や背景色を「グレー」に設定できます。

文字色の場合の文字色は、 #787774 RGB(120, 119, 116) です。
背景色の場合の背景色は、 #F1F1EF RGB(241, 241, 239) です。
背景色の場合の文字色は、 #37352F RGB(55, 53, 47) です。

まとめ

「Notion用語集」

その他のNotionの用語について調べたい方は、以下の記事を活用してください。

いいなと思ったら応援しよう!