カラーピッカー(Grok)

これは、とてもシンプルで便利な RGBカラーピッカーです！

画面上に表示されたカラーパレットから好きな色をクリックすると、その色の RGBコード（例：#aabbcc）が自動的にコピーされます。わざわざコードを手入力する手間が省けるので、デザイン作業やプログラミングで色を指定するときにとても役立ちます。

「どの色を使おうかな？」と悩んだときも、直感的に色を選んで試せるので、初心者でも楽しく使えます！ぜひ一度、自分だけの色を見つけてみてくださいね。

Prompts:

Prompts(Optimized):

### Create an RGB Color Picker  #### Coding Requirements - **Languages**: Use HTML and JavaScript - **Functionality**:   - Implement sliders to adjust RGB values   - Display the selected color in real-time   - Generate and display the hexadecimal (HEX) color code  #### Screen Specifications - **Size**: 300x300 pixels - **Design**:   - Pastel-themed with a cute aesthetic   - Simple and intuitive user interface - **Layout**:     - Top: Panel displaying the selected color     - Middle: Sliders for R, G, and B (range: 0-255 each)     - Bottom: Area displaying the HEX code  #### User Interface (UI) - **Sliders**:   - Adjustable sliders for R (Red), G (Green), and B (Blue)   - Slider values update the color panel in real-time - **Color Panel**:   - Displays the color based on the selected RGB values   - Clicking the panel copies the HEX code to the clipboard   - Provide visual feedback upon copying (e.g., display "Copied!")  #### Additional Requirements - **Usability**: Designed to be easy for beginners to use - **Compatibility**: Works on modern browsers (e.g., Chrome, Firefox, Safari)

engine:

Grok

<< menu