diff --git a/api/@internal/component/ets/enums.d.ts b/api/@internal/component/ets/enums.d.ts
index 8f3321da74ab56c9e9149390e8786db90470e83e..d126a19d66f841c1d714f8c9d56e8b53ebeb68d6 100644
--- a/api/@internal/component/ets/enums.d.ts
+++ b/api/@internal/component/ets/enums.d.ts
@@ -116,8 +116,7 @@ declare enum CheckBoxShape {
  * @crossplatform
  * @form
  * @atomicservice
- * @since arkts {'1.1':'11','1.2':'20'}
- * @arkts 1.1&1.2
+ * @since 11
  */
 declare enum Color {
   /**
@@ -148,8 +147,7 @@ declare enum Color {
    * @crossplatform
    * @form
    * @atomicservice
-   * @since arkts {'1.1':'11','1.2':'20'}
-   * @arkts 1.1&1.2
+   * @since 11
    */
   White,
 
@@ -181,8 +179,7 @@ declare enum Color {
    * @crossplatform
    * @form
    * @atomicservice
-   * @since arkts {'1.1':'11','1.2':'20'}
-   * @arkts 1.1&1.2
+   * @since 11
    */
   Black,
 
@@ -214,8 +211,7 @@ declare enum Color {
    * @crossplatform
    * @form
    * @atomicservice
-   * @since arkts {'1.1':'11','1.2':'20'}
-   * @arkts 1.1&1.2
+   * @since 11
    */
   Blue,
 
@@ -247,8 +243,7 @@ declare enum Color {
    * @crossplatform
    * @form
    * @atomicservice
-   * @since arkts {'1.1':'11','1.2':'20'}
-   * @arkts 1.1&1.2
+   * @since 11
    */
   Brown,
 
@@ -280,8 +275,7 @@ declare enum Color {
    * @crossplatform
    * @form
    * @atomicservice
-   * @since arkts {'1.1':'11','1.2':'20'}
-   * @arkts 1.1&1.2
+   * @since 11
    */
   Gray,
 
@@ -313,8 +307,7 @@ declare enum Color {
    * @crossplatform
    * @form
    * @atomicservice
-   * @since arkts {'1.1':'11','1.2':'20'}
-   * @arkts 1.1&1.2
+   * @since 11
    */
   Green,
 
@@ -346,8 +339,7 @@ declare enum Color {
    * @crossplatform
    * @form
    * @atomicservice
-   * @since arkts {'1.1':'11','1.2':'20'}
-   * @arkts 1.1&1.2
+   * @since 11
    */
   Grey,
 
@@ -379,8 +371,7 @@ declare enum Color {
    * @crossplatform
    * @form
    * @atomicservice
-   * @since arkts {'1.1':'11','1.2':'20'}
-   * @arkts 1.1&1.2
+   * @since 11
    */
   Orange,
 
@@ -412,8 +403,7 @@ declare enum Color {
    * @crossplatform
    * @form
    * @atomicservice
-   * @since arkts {'1.1':'11','1.2':'20'}
-   * @arkts 1.1&1.2
+   * @since 11
    */
   Pink,
 
@@ -445,8 +435,7 @@ declare enum Color {
    * @crossplatform
    * @form
    * @atomicservice
-   * @since arkts {'1.1':'11','1.2':'20'}
-   * @arkts 1.1&1.2
+   * @since 11
    */
   Red,
 
@@ -478,8 +467,7 @@ declare enum Color {
    * @crossplatform
    * @form
    * @atomicservice
-   * @since arkts {'1.1':'11','1.2':'20'}
-   * @arkts 1.1&1.2
+   * @since 11
    */
   Yellow,
 
@@ -505,12 +493,127 @@ declare enum Color {
    * @crossplatform
    * @form
    * @atomicservice
-   * @since arkts {'1.1':'11','1.2':'20'}
-   * @arkts 1.1&1.2
+   * @since 11
    */
   Transparent,
 }
+/**
+ * common enum of color
+ *
+ * @enum { string }
+ * @syscap SystemCapability.ArkUI.ArkUI.Full
+ * @since 20
+ * @arkts 1.2
+ */
+export declare enum Color {
+  /**
+   * White.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @since 20
+   * @arkts 1.2
+   */
+  White = '#FFFFFFFF',
+
+  /**
+   * Black.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @since 20
+   * @arkts 1.2
+   */
+  Black = '#FF000000',
+
+  /**
+   * Blue.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @since 20
+   * @arkts 1.2
+   */
+  Blue = '#FF0000FF',
+
+  /**
+   * Brown.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @since 20
+   * @arkts 1.2
+   */
+  Brown = '#FFA52A2A',
 
+  /**
+   * Gray.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @since 20
+   * @arkts 1.2
+   */
+  Gray = '#FF808080',
+
+  /**
+   * Green.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @since 20
+   * @arkts 1.2
+   */
+  Green = '#FF008000',
+
+  /**
+   * Grey.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @since 20
+   * @arkts 1.2
+   */
+  Grey = '#FF808080',
+
+  /**
+   * Orange.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @since 20
+   * @arkts 1.2
+   */
+  Orange = '#FFFFA500',
+
+  /**
+   * color.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @since 20
+   * @arkts 1.2
+   */
+  Pink = '#FFFFC0CB',
+
+  /**
+   * Red.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @since 20
+   * @arkts 1.2
+   */
+  Red = '#FFFF0000',
+
+  /**
+   * Yellow.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @since 20
+   * @arkts 1.2
+   */
+  Yellow = '#FFFFFF00',
+
+  /**
+   * Transparent.
+   *
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @since 20
+   * @arkts 1.2
+   */
+  Transparent = '#00000000',
+}
 /**
  * Common enum of color strategy
  *
diff --git a/api/arkui/Graphics.static.d.ets b/api/arkui/Graphics.static.d.ets
index 958b186d47a73d47a24716613cb29d130ca58836..da1d5b639e2e5792366a8f4f9c16457a1296c875 100644
--- a/api/arkui/Graphics.static.d.ets
+++ b/api/arkui/Graphics.static.d.ets
@@ -573,6 +573,126 @@ export declare class LengthMetrics {
  * @since 20
  */
 export declare class ColorMetrics {
+  /**
+   * White.
+   * 
+   * @type { int }
+   * @readonly
+   * @static
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @since 20
+   */
+  static readonly WHITE: int;
+  /**
+   * Black.
+   * 
+   * @type { int }
+   * @readonly
+   * @static
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @since 20
+   */
+  static readonly BLACK: int;
+  /**
+   * Blue.
+   * 
+   * @type { int }
+   * @readonly
+   * @static
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @since 20
+   */
+  static readonly BLUE: int;
+  /**
+   * Brown.
+   * 
+   * @type { int }
+   * @readonly
+   * @static
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @since 20
+   */
+  static readonly BROWN: int;
+  /**
+   * Gray.
+   * 
+   * @type { int }
+   * @readonly
+   * @static
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @since 20
+   */
+  static readonly GRAY: int;
+  /**
+   * Green.
+   * 
+   * @type { int }
+   * @readonly
+   * @static
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @since 20
+   */
+  static readonly GREEN: int;
+  /**
+   * Grey.
+   * 
+   * @type { int }
+   * @readonly
+   * @static
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @since 20
+   */
+  static readonly GREY: int;
+  /**
+   * Orange.
+   * 
+   * @type { int }
+   * @readonly
+   * @static
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @since 20
+   */
+  static readonly ORANGE: int;
+  /**
+   * Pink.
+   * 
+   * @type { int }
+   * @readonly
+   * @static
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @since 20
+   */
+  static readonly PINK: int;
+  /**
+   * Red.
+   * 
+   * @type { int }
+   * @readonly
+   * @static
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @since 20
+   */
+  static readonly RED: int;
+  /**
+   * Yellow.
+   * 
+   * @type { int }
+   * @readonly
+   * @static
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @since 20
+   */
+  static readonly YELLOW: int;
+  /**
+   * Transparent.
+   * 
+   * @type { string }
+   * @readonly
+   * @static
+   * @syscap SystemCapability.ArkUI.ArkUI.Full
+   * @since 20
+   */
+  static readonly TRANSPARENT: string;
   /**
    * Instantiate the ColorMetrics class using color number
    *