diff --git a/src/components/component/playground.jsx b/src/components/component/playground.jsx
index 7bf6265..f7b38b6 100644
--- a/src/components/component/playground.jsx
+++ b/src/components/component/playground.jsx
@@ -559,7 +559,7 @@ export function Playground() {
                         <ContextMenuShortcut>{copyHSLShortcut}</ContextMenuShortcut>
                     </ContextMenuItem>
                     <ContextMenuSeparator />
-                    <ContextMenuItem inset onClick={switchMode}
+                    <ContextMenuItem inset onClick={() => switchMode()}
                     >
                         {sliderMode === "hsl" ? "Switch to RGB" : "Switch to HSL"}
                         <ContextMenuShortcut>{switchShortcut}</ContextMenuShortcut>