From 178a1c7dd5df1fdf89ac27d6f491b5085f884055 Mon Sep 17 00:00:00 2001
From: VampireAchao <achao@apache.org>
Date: Wed, 31 Jul 2024 13:57:13 +0800
Subject: [PATCH] docs: translate color-system.md to chinese

---
 docs/content/zh/basic/color-system.md | 51 +++++++++++++++++++++++++++
 1 file changed, 51 insertions(+)
 create mode 100644 docs/content/zh/basic/color-system.md

diff --git a/docs/content/zh/basic/color-system.md b/docs/content/zh/basic/color-system.md
new file mode 100644
index 000000000..98eae53e0
--- /dev/null
+++ b/docs/content/zh/basic/color-system.md
@@ -0,0 +1,51 @@
+---
+title: 颜色系统
+---
+
+# 颜色系统
+
+Newcar 中的 Widget 对象可以设置为你喜欢的任何颜色，这些颜色由 `Color` 对象管理。目前，有三种设置颜色的方法，并且在未来的版本中，我们将引入渐变和其他颜色特性。
+
+## 直接引用
+
+这种方法只能支持两种颜色 - 黑色和白色。
+
+```javascript
+const rect = new Rect([0, 0], [100, 100], {
+  style: {
+    fillColor: Color.WHITE,
+    border: true,
+    borderColor: Color.BLACK
+  }
+})
+```
+
+## 使用颜色名称字符串
+
+```javascript
+const RED = Color.parse('red')
+```
+
+颜色名称字符串解析支持所有 CSS 支持的颜色名称。
+
+## RGBA
+
+```javascript
+Color.rgba(255, 255, 255, 0.5)
+```
+
+## 转换
+
+你可以将 `Color` 对象转换为各种形式。
+
+### `toString()`
+
+你可以使用这个函数将 `Color` 转换为 CSS 颜色字符串。
+
+### `toFloat4()`
+
+你可以使用这个函数将 `Color` 转换为 Skia 颜色。
+
+## 更多
+
+你可以访问 [https://apis.newcarjs.org/classes/newcar.color](https://apis.newcarjs.org/classes/newcar.color) 获取更多 API 信息。
\ No newline at end of file