diff --git a/.stylelintrc.yml b/.stylelintrc.yml
index e120b588..9eaf3f50 100644
--- a/.stylelintrc.yml
+++ b/.stylelintrc.yml
@@ -8,9 +8,13 @@ plugins:
   - stylelint-scss
   - stylelint-prettier
   - stylelint-order
+  - "@btmuli/stylelint-plugin-color"
 rules:
   property-no-vendor-prefix:
     - true
     - ignoreProperties: [backdrop-filter]
   color-hex-length: long
   prettier/prettier: true
+  color/format:
+    - true
+    - hexa
diff --git a/package.json b/package.json
index 2767108b..6b167454 100644
--- a/package.json
+++ b/package.json
@@ -103,6 +103,7 @@
     "xml-js": "^1.6.11"
   },
   "devDependencies": {
+    "@btmuli/stylelint-plugin-color": "^0.1.0",
     "@eslint/eslintrc": "^3.3.1",
     "@eslint/js": "^9.26.0",
     "@tauri-apps/cli": "2.5.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8a837aee..00d9a6f9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -105,6 +105,9 @@ importers:
         specifier: ^1.6.11
         version: 1.6.11
     devDependencies:
+      '@btmuli/stylelint-plugin-color':
+        specifier: ^0.1.0
+        version: 0.1.0
       '@eslint/eslintrc':
         specifier: ^3.3.1
         version: 3.3.1
@@ -374,6 +377,9 @@ packages:
     resolution: {integrity: sha512-+EzkxvLNfiUeKMgy/3luqfsCWFRXLb7U6wNQTk60tovuckwB15B191tJWvpp4HjiQWdJkCxO3Wbvc6jlk3Xb2Q==}
     engines: {node: '>=6.9.0'}
 
+  '@btmuli/stylelint-plugin-color@0.1.0':
+    resolution: {integrity: sha512-XAjqeFQafsr0S5h2XPnPlFFP4zPluMH2nZ7+D7SG6eLQOYdojvmLGiSaBikWFE0OA0wqxcxzhAYSVXN9SDgiig==}
+
   '@bufbuild/protobuf@2.3.0':
     resolution: {integrity: sha512-WK6zH4MtBp/uesX8KGCnwDDRVnEVHUvwjsigKXcSR57Oo8Oyv1vRS9qyUlSP+6KWRl5z8tNAU5qpf3QodeVYxA==}
 
@@ -3950,6 +3956,8 @@ snapshots:
       '@babel/helper-string-parser': 7.27.1
       '@babel/helper-validator-identifier': 7.27.1
 
+  '@btmuli/stylelint-plugin-color@0.1.0': {}
+
   '@bufbuild/protobuf@2.3.0': {}
 
   '@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3)':