diff --git a/ui-ngx/src/app/shared/components/color-picker/hsla-input.component.ts b/ui-ngx/src/app/shared/components/color-picker/hsla-input.component.ts
index 40ec056972..e1cc27e8fa 100644
--- a/ui-ngx/src/app/shared/components/color-picker/hsla-input.component.ts
+++ b/ui-ngx/src/app/shared/components/color-picker/hsla-input.component.ts
@@ -41,7 +41,7 @@ export class HslaInputComponent {
   @Input()
   public suffixValue = '%';
 
-  public get value() {
+  public get value(): ReturnType<Color['getHsla']> {
     return this.color.getHsla();
   }
 
diff --git a/ui-ngx/src/app/shared/components/color-picker/rgba-input.component.ts b/ui-ngx/src/app/shared/components/color-picker/rgba-input.component.ts
index 04f2dbc44b..0aea5af264 100644
--- a/ui-ngx/src/app/shared/components/color-picker/rgba-input.component.ts
+++ b/ui-ngx/src/app/shared/components/color-picker/rgba-input.component.ts
@@ -41,7 +41,7 @@ export class RgbaInputComponent {
   @Input()
   public suffixValue = '%';
 
-  public get value() {
+  public get value(): ReturnType<Color['getRgba']> {
     return this.color.getRgba();
   }