---
title: 【Notion】カラーリングできるブロックが増えたので、さっそく新機能を試してみた｜Nextmode Blog
description: Notionでカラーリングできるブロックが増えたので、それぞれ設定方法をご紹介したいきます。
image: https://info.nextmode.co.jp/hubfs/Notion%20Blog-1.png
---

[![nextmode blog](https://info.nextmode.co.jp/hubfs/raw_assets/public/NextMode_Theme/nextmode%20blog.png)](https://info.nextmode.co.jp/blog)

[ホワイトペーパー](https://info.nextmode.co.jp/white-paper/) [資料請求](https://info.nextmode.co.jp/request/) [お問い合わせ](https://nextmode.co.jp/contact/)

- [会社TOP](https://nextmode.co.jp/)
- [生成AIセキュリティ](https://nextmode.co.jp/services/ai/security/)
- [SaaSライセンス＆サポート](https://nextmode.co.jp/services/saas/)
  
    - [Oktaライセンス＆サポート](https://nextmode.co.jp/services/saas/okta/)
    - [Netskopeライセンス＆サポート](https://nextmode.co.jp/services/saas/netskope/)
    - [Notionライセンス＆サポート](https://nextmode.co.jp/services/saas/notion/)
    - [Asanaライセンス＆サポート](https://nextmode.co.jp/services/saas/asana/)
    - [SysCloudライセンス＆サポート](https://nextmode.co.jp/services/saas/syscloud/)
    - [CrowdStrikeライセンス＆サポート](https://nextmode.co.jp/services/saas/crowdstrike/)
- [AWS総合支援](https://nextmode.co.jp/services/aws/)
  
    - [AWS導入コンサル・構築](https://nextmode.co.jp/services/aws_consulting/)
    - [AWS運用・保守代行](https://nextmode.co.jp/services/aws_operation/)
- [導入事例](https://nextmode.co.jp/casestudy/)
- [会社情報](https://nextmode.co.jp/company/)
- [セミナー](https://info.nextmode.co.jp/seminar/)
- [ブログ](https://info.nextmode.co.jp/blog)

[![YouTube](https://nextmode.co.jp/assets/images/common/icon_youtube.svg)](https://www.youtube.com/@nextmode) <https://x.com/Nextmode_Inc>

目次

 2025/08/13 16:23

# 【Notion】カラーリングできるブロックが増えたので、さっそく新機能を試してみた

[» Notion](https://info.nextmode.co.jp/blog/tag/notion)

[![鮎澤耕平](https://info.nextmode.co.jp/hs-fs/hubfs/ayu-1.png?width=40&name=ayu-1.png) 鮎澤耕平](https://info.nextmode.co.jp/blog/author/ayu)

共有： [facebook-f icon](http://www.facebook.com/share.php?u=https://info.nextmode.co.jp/blog/notion-database-table-todo-coloring) [linkedin-in icon](http://www.linkedin.com/shareArticle?mini=true&url=https://info.nextmode.co.jp/blog/notion-database-table-todo-coloring) [Twitter icon](https://twitter.com/intent/tweet?url=https://info.nextmode.co.jp/blog/notion-database-table-todo-coloring) [pinterest-p icon](http://pinterest.com/pin/create/link/?url=https://info.nextmode.co.jp/blog/notion-database-table-todo-coloring) [envelope icon](mailto:?body=https://info.nextmode.co.jp/blog/notion-database-table-todo-coloring)

## はじめに

---

こんにちは、[ネクストモード](https://nextmode.co.jp/)の鮎澤です。

直近のアップデートでカラーリングできるブロックが増えましたので、まとめてご紹介していきます。

## Notionデータベースの条件付きカラー

---

Notionデータベースで条件付きカラーを設定できるようになりましたので、設定方法についてご紹介します。

Notionデータベースの設定アイコンをクリックし、「条件付きカラー」をクリックします。

![notion-database-table-todo-coloring-01](https://info.nextmode.co.jp/hs-fs/hubfs/notion-database-table-todo-coloring-01.png?width=800&height=404&name=notion-database-table-todo-coloring-01.png)

次に条件を指定し、その条件を満たす行に色を付けます。今回は選択プロパティで「グループA」が選ばれている場合、背景を緑色に色付けするように設定してみました。

![notion-database-table-todo-coloring-02](https://info.nextmode.co.jp/hs-fs/hubfs/notion-database-table-todo-coloring-02.png?width=800&height=275&name=notion-database-table-todo-coloring-02.png)

新規でページを作成し、選択プロパティで「グループA」を選択すると、背景が即座に緑色になります。

![notion-database-table-todo-coloring-03](https://info.nextmode.co.jp/hs-fs/hubfs/notion-database-table-todo-coloring-03.png?width=800&height=402&name=notion-database-table-todo-coloring-03.png)

関数を使わずに条件を指定して色付けができるため、簡単に設定することができました。今回はご紹介していませんが、複数条件で設定することも可能です。

条件付きカラーは、例えば下記のようなユースケースで活用できますが、他にも使いどころは多くありますので、ぜひ試してみてください。

- タスク管理データベースで未着手や着手中の色を目立たせる
- チェックボックスで「チェックなし」のページの色を変える
- ある値以上のセルがある場合に色を付ける

## テーブルの色付け

---

テーブルの色付けについてご紹介します。  
今まで文字列に背景色を付けることができましたが、今回のアップデートでセル・行・列ごとに色付けできるようになりました。

![notion-database-table-todo-coloring-04](https://info.nextmode.co.jp/hs-fs/hubfs/notion-database-table-todo-coloring-04.png?width=800&height=269&name=notion-database-table-todo-coloring-04.png)

色付けは下図のように設定できます。

![notion-database-table-todo-coloring-05](https://info.nextmode.co.jp/hs-fs/hubfs/notion-database-table-todo-coloring-05.png?width=800&height=387&name=notion-database-table-todo-coloring-05.png)

セル単位での色付けについて、執筆時点（2025年8月）では範囲選択での色付けは可能ですが、斜めや複数を選択しての色付けができないようなので、今後のアップデートに期待したいです。

## ToDoリストブロックの色付け

---

ToDoリストブロックで色付けできるようになり、デザインも丸みのある四角に変わっています。

設定方法は簡単でToDoリストブロックの横にある六点のアイコンからカラーを選択し、お好みのテキスト色を選んでいただければ設定完了です。

![notion-database-table-todo-coloring-06](https://info.nextmode.co.jp/hs-fs/hubfs/notion-database-table-todo-coloring-06.png?width=800&height=406&name=notion-database-table-todo-coloring-06.png)

注意点を挙げるとすれば、テキストを選択して色を変えても打消し線の色は変わりますが、チェックボックスの色は変わりませんので、六点のアイコンからカラーを変更してください。

![notion-database-table-todo-coloring-07](https://info.nextmode.co.jp/hs-fs/hubfs/notion-database-table-todo-coloring-07.png?width=800&height=322&name=notion-database-table-todo-coloring-07.png)

## まとめ

---

本ブログでは色付けに関するアップデート情報をご紹介しました。色付けできるとNotionページが華やかになり、気分が上がる方もいらっしゃると思います。また、進捗状況やタスク・商材ごとの色分けも可能なので、業務効率化の一助として活躍できる可能性もあります。ぜひ、本ブログを参考に彩のあるNotionページを作成してみてください。

### Notionについてのお問い合わせ

ネクストモード社は、日本で3社しかないNotion販売代理店です。(2023年01月01日現在)  
Notion導入を検討の際は是非下記からお問い合わせ頂けますと幸いです。

[![新規CTA](https://hubspot-no-cache-na2-prod.s3.amazonaws.com/cta/default/20481958/0a17ddba-0e2a-4cfa-b3f6-4d30c0a91bf1.png)](https://hubspot-cta-redirect-na2-prod.s3.amazonaws.com/cta/redirect/20481958/0a17ddba-0e2a-4cfa-b3f6-4d30c0a91bf1)

### 関連記事

[![【Notion】結局のところ私は「Notion AI」を使っている](https://info.nextmode.co.jp/hubfs/%E3%83%96%E3%83%AD%E3%82%B0%EF%BC%BF%E3%82%AD%E3%83%BC%E3%83%93%E3%82%B8%E3%83%A5%E3%82%A2%E3%83%AB/Notion%20Blog-2.png) 【Notion】結局のところ私は「Notion AI」を使っている ![](https://info.nextmode.co.jp/hubfs/240DA746-DD03-495C-BB72-FF7CF3850C9D.png) よね 2026/09/29](https://info.nextmode.co.jp/blog/notion_ai_use)

[![【Notion】コンピューターワークスペースで広がる Notion AI の活用範囲：ログ分析からスライド・動画作成まで](https://info.nextmode.co.jp/hubfs/NotionAI.png) 【Notion】コンピューターワークスペースで広がる Notion AI の活用範囲：ログ分析からスライド・動画作成まで ![](https://info.nextmode.co.jp/hubfs/avator_yukinawa.jpg) yuki 2026/09/15](https://info.nextmode.co.jp/blog/notion-ai-computer-practical-use-cases)

[![【Netskope】Clientを入れられない機器の通信をどう管理するか｜第1回](https://info.nextmode.co.jp/hubfs/Netskope_Blog-Feb-28-2023-07-45-20-7689-AM.png) 【Netskope】Clientを入れられない機器の通信をどう管理するか｜第1回 ![](https://info.nextmode.co.jp/hubfs/unnamed.png) iwa 2026/09/30](https://info.nextmode.co.jp/blog/netskope-ipsec-sites-clientless-device-management)

### Category

[» 技術](https://info.nextmode.co.jp/blog/tag/技術) [» Okta](https://info.nextmode.co.jp/blog/tag/okta) [» Notion](https://info.nextmode.co.jp/blog/tag/notion) [» イベントレポート](https://info.nextmode.co.jp/blog/tag/イベントレポート) [» Netskope](https://info.nextmode.co.jp/blog/tag/netskope) [» CrowdStrike](https://info.nextmode.co.jp/blog/tag/crowdstrike) [» Notion AI](https://info.nextmode.co.jp/blog/tag/notion-ai) [» AWS](https://info.nextmode.co.jp/blog/tag/aws) [» Asana](https://info.nextmode.co.jp/blog/tag/asana) [» カルチャー](https://info.nextmode.co.jp/blog/tag/カルチャー) [» ワーケーション](https://info.nextmode.co.jp/blog/tag/ワーケーション) [» 生成AIセキュリティ対策シリーズ](https://info.nextmode.co.jp/blog/tag/生成aiセキュリティ対策シリーズ) [» Oktane25](https://info.nextmode.co.jp/blog/tag/oktane25) [» SaaS](https://info.nextmode.co.jp/blog/tag/saas) [» re:Invent](https://info.nextmode.co.jp/blog/tag/reinvent) [» AI](https://info.nextmode.co.jp/blog/tag/ai) [» リモートワーク](https://info.nextmode.co.jp/blog/tag/リモートワーク) [» Keeper](https://info.nextmode.co.jp/blog/tag/keeper) [» ネクストモードアドベントカレンダー2024](https://info.nextmode.co.jp/blog/tag/ネクストモードアドベントカレンダー2024) [» Oktane24](https://info.nextmode.co.jp/blog/tag/oktane24) [» Oktane23](https://info.nextmode.co.jp/blog/tag/oktane23) [» Oktane26](https://info.nextmode.co.jp/blog/tag/oktane26) [» Asana AI](https://info.nextmode.co.jp/blog/tag/asana-ai) [» Slack](https://info.nextmode.co.jp/blog/tag/slack) [» OIGシリーズ](https://info.nextmode.co.jp/blog/tag/oigシリーズ) [» その他](https://info.nextmode.co.jp/blog/tag/その他) [» 脱Excelシリーズ](https://info.nextmode.co.jp/blog/tag/脱excelシリーズ) [» Oktane22](https://info.nextmode.co.jp/blog/tag/oktane22) [» SysCloud](https://info.nextmode.co.jp/blog/tag/syscloud) [» Google](https://info.nextmode.co.jp/blog/tag/google) [» HubSpot](https://info.nextmode.co.jp/blog/tag/hubspot) [» Zapier](https://info.nextmode.co.jp/blog/tag/zapier) [» Azure AD](https://info.nextmode.co.jp/blog/tag/azure-ad) [» Entra ID](https://info.nextmode.co.jp/blog/tag/entra-id) [» Googleドライブ](https://info.nextmode.co.jp/blog/tag/googleドライブ) [» SentinelOne](https://info.nextmode.co.jp/blog/tag/sentinelone) [» ゼロトラスト](https://info.nextmode.co.jp/blog/tag/ゼロトラスト) [» DocuSign](https://info.nextmode.co.jp/blog/tag/docusign) [» Jamf](https://info.nextmode.co.jp/blog/tag/jamf) [» セキュリティ対策](https://info.nextmode.co.jp/blog/tag/セキュリティ対策) [» トラブルシューティング](https://info.nextmode.co.jp/blog/tag/トラブルシューティング) [» 利用者目線](https://info.nextmode.co.jp/blog/tag/利用者目線) [» 運用](https://info.nextmode.co.jp/blog/tag/運用) [» GitHub](https://info.nextmode.co.jp/blog/tag/github) [» GitHub Gist](https://info.nextmode.co.jp/blog/tag/github-gist) [» JOUG](https://info.nextmode.co.jp/blog/tag/joug) [» Notion Calendar](https://info.nextmode.co.jp/blog/tag/notion-calendar) [» Proflly](https://info.nextmode.co.jp/blog/tag/proflly) [» kintone](https://info.nextmode.co.jp/blog/tag/kintone)

[![ネクストモード株式会社](https://nextmode.co.jp/assets/images/common/logo_white.svg)](https://nextmode.co.jp/)

Service

- [生成AIセキュリティ](https://nextmode.co.jp/services/ai/security/)
- [SaaSライセンス＆サポート](https://nextmode.co.jp/services/saas/) 
    - [Oktaライセンス＆サポート](https://nextmode.co.jp/services/saas/okta/)
    - [Netskopeライセンス＆サポート](https://nextmode.co.jp/services/saas/netskope/)
    - [Notionライセンス＆サポート](https://nextmode.co.jp/services/saas/notion/)
    - [Asanaライセンス＆サポート](https://nextmode.co.jp/services/saas/asana/)
    - [SysCloudライセンス＆サポート](https://nextmode.co.jp/services/saas/syscloud/)
    - [CrowdStrikeライセンス＆サポート](https://nextmode.co.jp/services/saas/crowdstrike/)
    - [Keeperライセンス＆サポート](https://nextmode.co.jp/services/saas/keeper/)
- [AWS総合支援](https://nextmode.co.jp/services/aws/) 
    - [AWS導入コンサル・構築](https://nextmode.co.jp/services/aws_consulting/)
    - [AWS運用・保守代行](https://nextmode.co.jp/services/aws_operation/)

Company

- [会社情報](https://nextmode.co.jp/company/)
- [サービス一覧](https://nextmode.co.jp/services/)
- [導入事例](https://nextmode.co.jp/casestudy/)
- [お知らせ](https://nextmode.co.jp/news/)
- [サステナビリティ](https://nextmode.co.jp/sustainability/)
- [採用](https://nextmode.co.jp/recruit/)
- [私たちの働き方](https://nextmode.co.jp/workstyle/)
- [カルチャー](https://nextmode.co.jp/culture/)

Contact

- [お問い合わせ](https://nextmode.co.jp/contact/)
- [資料請求](https://info.nextmode.co.jp/request/)

Media

- [セミナー](https://info.nextmode.co.jp/seminar)
- [ブログ](https://info.nextmode.co.jp/blog)
- [ホワイトペーパー](https://info.nextmode.co.jp/white-paper/)

- [![ネクストモード公式YouTubeチャンネル](https://nextmode.co.jp/assets/images/common/icon_youtube.svg)](https://www.youtube.com/channel/UCeW8ocoe9C3E0GOINh167MA)
- [![ネクストモード公式Xアカウント](https://nextmode.co.jp/assets/images/common/icon_x.svg)](https://twitter.com/Nextmode_Inc)

[English](https://nextmode.co.jp/en/)

- [NTTグループカスタマーハラスメント基本方針](https://group.ntt/jp/group/customer_harassment/)
- [就活ハラスメント防止方針](https://docs.nextmode.co.jp/nextmode_recruit_harassment.pdf)

- 運用アシスタント利用規約([AWS](https://docs.nextmode.co.jp/nextmode-unyo-assistant-aws-terms-of-use.pdf)/[Azure](https://docs.nextmode.co.jp/nextmode-unyo-assistant-azure-terms-of-use.pdf))
- [日中運用支援定型約款](https://docs.nextmode.co.jp/nextmode-nittyu-unyo-shien-terms-of-use.pdf)
- [定型約款](https://docs.nextmode.co.jp/nextmode-standard-contracts.pdf)

[プライバシーポリシー](https://nextmode.co.jp/company/privacy.html)

Copyright(c) Nextmode, Inc.

```json
{
  "@context" : "https://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "鮎澤耕平",
    "url" : "https://info.nextmode.co.jp/blog/author/ayu"
  },
  "dateModified" : "2025-08-13T07:23:08.528Z",
  "datePublished" : "2025-08-13T07:23:08.000Z",
  "headline" : "【Notion】カラーリングできるブロックが増えたので、さっそく新機能を試してみた｜Nextmode Blog",
  "image" : [ "https://info.nextmode.co.jp/hubfs/Notion%20Blog-1.png" ],
  "mainEntityOfPage" : {
    "@id" : "https://info.nextmode.co.jp/blog/notion-database-table-todo-coloring",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "url" : "https://info.nextmode.co.jp/hubfs/nm_l_color.png"
    },
    "name" : "ネクストモード株式会社"
  }
}
```

```json
{
  "@context" : "https://schema.org",
  "@id" : "https://nextmode.co.jp/#organization",
  "@type" : "Organization",
  "alternateName" : "Nextmode, Inc.",
  "logo" : "https://nextmode.co.jp/assets/images/common/logo_white.svg",
  "name" : "ネクストモード株式会社",
  "sameAs" : [ "https://www.youtube.com/channel/UCeW8ocoe9C3E0GOINh167MA", "https://twitter.com/Nextmode_Inc", "https://info.nextmode.co.jp/" ],
  "url" : "https://nextmode.co.jp/"
}
```