Color Picker

The component features a full-screen canvas with a rainbow gradient overlay, displays the hex color value that follows your mouse cursor, and shows a notification when you click to copy a color to your clipboard.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Color Picker to your project and fits it to your theme.

import { ColorPicker } from "@/components/ui/color-picker";

export default function DemoOne() {
  return <ColorPicker />;
}