Fix ColorPicker saturation and value being swapped

DanielPXL · Jul 18, 2024 · c9fa762 · c9fa762
1 parent a3b006a
commit c9fa762
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/ui/ColorPicker.tsx b/src/ui/ColorPicker.tsx
@@ -134,8 +134,8 @@ export function ColorPicker({
 							const x = e.clientX - rect.left;
 							const y = e.clientY - rect.top;
 
-							const v = x / rect.width;
-							const s = 1 - y / rect.height;
+							const s = x / rect.width;
+							const v = 1 - y / rect.height;
 
 							setHSV(hsvColor.h, s, v);
 						}}
@@ -149,8 +149,8 @@ export function ColorPicker({
 								).href
 							}
 							style={{
-								top: `${100 - hsvColor.s * 100}%`,
-								left: `${hsvColor.v * 100}%`
+								top: `${100 - hsvColor.v * 100}%`,
+								left: `${hsvColor.s * 100}%`
 							}}
 							draggable={false}
 						></img>