diff --git a/docs/assets/img/product_pics/units/esp32cam_01.jpg b/docs/assets/img/product_pics/units/esp32cam.png
similarity index 100%
rename from docs/assets/img/product_pics/units/esp32cam_01.jpg
rename to docs/assets/img/product_pics/units/esp32cam.png
diff --git a/docs/ja/unit/unit_color.md b/docs/ja/unit/unit_color.md
new file mode 100644
index 00000000..aa348caa
--- /dev/null
+++ b/docs/ja/unit/unit_color.md
@@ -0,0 +1,39 @@
+# COLOR SENSOR ユニット
+
+[中文](zh_CN/product_documents/units/unit_color) | [English](en/product_documents/units/unit_color) | 日本語
+
+## 概要
+
+**<mark>COLOR SENSOR</mark>**ユニットは内蔵されたTCS3472により、対象物表面の色を検出する事ができます。M5StackはI2Cで値を取得可能です。
+
+## 特徴
+
+- 高精度
+- LEGO 互換ホール
+
+## アプリケーション
+
+- RGB LED バックライトコントロール
+- 色校正
+
+## ドキュメント
+
+- **GitHub**
+  - [Arduino](https://github.com/m5stack/M5Stack/tree/master/examples/Unit/Color)
+
+- **データシート**
+  - [TCS3472](https://pdf1.alldatasheet.com/datasheet-pdf/view/560511/AMSCO/TCS3472.html)
+
+- **回路図**
+  - [Schematic](https://github.com/m5stack/M5Stack)
+
+<figure>
+  <img src="assets/img/product_pics/units/M5GO_Unit_color.png" alt="M5GO_Unit_color" height="300px" width="300px">
+</figure>
+<figure>
+  <img src="assets/img/product_pics/units/M5GO_Unit_color_02.png" alt="M5GO_Unit_color_02" height="300px" width="300px">
+</figure>
+
+## 関連情報
+
+- [COLOR SENSOR ユニット 購入(AliExpress)](https://www.aliexpress.com/store/product/M5Stack-TCS34725-RGB-I2C/3226069_32946957647.html)
\ No newline at end of file