diff --git a/packages/core/src/colors/color-area/color-area-background.tsx b/packages/core/src/colors/color-area/color-area-background.tsx
index b304ffc1..2f7e5440 100644
--- a/packages/core/src/colors/color-area/color-area-background.tsx
+++ b/packages/core/src/colors/color-area/color-area-background.tsx
@@ -82,8 +82,8 @@ export function ColorAreaBackground<T extends ValidComponent = "div">(
 		setRect(rect);
 
 		return [
-			xValue(pointerPosition.x - rect.top),
-			yValue(pointerPosition.y - rect.left),
+			xValue(pointerPosition.x - rect.left),
+			yValue(pointerPosition.y - rect.top),
 		];
 	};