Cirkit Designer Logo
Cirkit Designer
Your all-in-one circuit design IDE
Home / 
Component Documentation

How to Use RGB Button: Examples, Pinouts, and Specs

Image of RGB Button
Cirkit Designer LogoDesign with RGB Button in Cirkit Designer

Introduction

The RGB Button by Husa is a versatile push-button switch that integrates an RGB LED, allowing it to emit red, green, or blue light (or combinations thereof) based on the input signal. This component is ideal for applications requiring both tactile input and visual feedback, such as user interfaces, control panels, and decorative lighting systems. Its compact design and multi-functionality make it a popular choice for hobbyists and professionals alike.

Explore Projects Built with RGB Button

Use Cirkit Designer to design, explore, and prototype these projects online. Some projects support real-time simulation. Click "Open Project" to start designing instantly!
Battery-Powered RGB LED Control with Pushbuttons
Image of EXP-12 E: A project utilizing RGB Button in a practical application
This circuit consists of an RGB LED controlled by three pushbuttons, each corresponding to one of the LED's color channels (Red, Green, and Blue). The pushbuttons are powered by a MAHIR 1.mini power source, allowing the user to manually toggle each color channel of the RGB LED.
Cirkit Designer LogoOpen Project in Cirkit Designer
Interactive RGB LED Control Circuit with Pushbuttons
Image of rgb circuit: A project utilizing RGB Button in a practical application
This circuit features a 9V battery connected to a voltage regulator, which likely steps down the voltage to a lower level suitable for driving an RGB LED. Three pushbuttons are connected to the output of the voltage regulator, each controlling one color channel (red, green, and blue) of the RGB LED. A resistor is connected in series with the common cathode of the RGB LED to limit the current through the LED.
Cirkit Designer LogoOpen Project in Cirkit Designer
Arduino UNO Bluetooth-Controlled RGB LED Module
Image of bluetooth_RGBLED: A project utilizing RGB Button in a practical application
This circuit consists of an Arduino UNO connected to an RGB LED module and a Bluetooth HC-06 module. The Arduino controls the RGB LED colors via digital pins D4, D5, and D6, and communicates with the Bluetooth module through pins D8 and D9, allowing for wireless control of the LED colors.
Cirkit Designer LogoOpen Project in Cirkit Designer
Arduino Nano-Based RGB LED Controller with Pushbutton Interface and Battery Power
Image of simoning: A project utilizing RGB Button in a practical application
This circuit features an Arduino Nano controlling an RGB LED module, a piezo buzzer, and four pushbuttons. The RGB LED colors are controlled via digital pins D2, D3, and D4, while the pushbuttons are connected to digital pins D5 through D8. The piezo buzzer is connected to digital pin D9, and the entire circuit is powered by a 9V battery through a rocker switch.
Cirkit Designer LogoOpen Project in Cirkit Designer

Explore Projects Built with RGB Button

Use Cirkit Designer to design, explore, and prototype these projects online. Some projects support real-time simulation. Click "Open Project" to start designing instantly!
Image of EXP-12 E: A project utilizing RGB Button in a practical application
Battery-Powered RGB LED Control with Pushbuttons
This circuit consists of an RGB LED controlled by three pushbuttons, each corresponding to one of the LED's color channels (Red, Green, and Blue). The pushbuttons are powered by a MAHIR 1.mini power source, allowing the user to manually toggle each color channel of the RGB LED.
Cirkit Designer LogoOpen Project in Cirkit Designer
Image of rgb circuit: A project utilizing RGB Button in a practical application
Interactive RGB LED Control Circuit with Pushbuttons
This circuit features a 9V battery connected to a voltage regulator, which likely steps down the voltage to a lower level suitable for driving an RGB LED. Three pushbuttons are connected to the output of the voltage regulator, each controlling one color channel (red, green, and blue) of the RGB LED. A resistor is connected in series with the common cathode of the RGB LED to limit the current through the LED.
Cirkit Designer LogoOpen Project in Cirkit Designer
Image of bluetooth_RGBLED: A project utilizing RGB Button in a practical application
Arduino UNO Bluetooth-Controlled RGB LED Module
This circuit consists of an Arduino UNO connected to an RGB LED module and a Bluetooth HC-06 module. The Arduino controls the RGB LED colors via digital pins D4, D5, and D6, and communicates with the Bluetooth module through pins D8 and D9, allowing for wireless control of the LED colors.
Cirkit Designer LogoOpen Project in Cirkit Designer
Image of simoning: A project utilizing RGB Button in a practical application
Arduino Nano-Based RGB LED Controller with Pushbutton Interface and Battery Power
This circuit features an Arduino Nano controlling an RGB LED module, a piezo buzzer, and four pushbuttons. The RGB LED colors are controlled via digital pins D2, D3, and D4, while the pushbuttons are connected to digital pins D5 through D8. The piezo buzzer is connected to digital pin D9, and the entire circuit is powered by a 9V battery through a rocker switch.
Cirkit Designer LogoOpen Project in Cirkit Designer

Common Applications

  • User interface controls with visual feedback
  • Gaming consoles and arcade machines
  • Decorative lighting in DIY projects
  • Status indicators in control systems
  • Educational electronics projects

Technical Specifications

Key Specifications

Parameter Value
Operating Voltage 2.0V to 3.3V (per LED color)
Forward Current (LED) 20mA (typical per color)
Button Contact Rating 12V DC, 50mA
LED Colors Red, Green, Blue (RGB)
Button Type Momentary (push-to-make)
Dimensions 12mm x 12mm x 15mm
Operating Temperature -20°C to 70°C

Pin Configuration and Descriptions

The RGB Button has 6 pins: 3 for the RGB LED and 2 for the button switch. The pinout is as follows:

Pin Number Name Description
1 LED_R Positive terminal for the Red LED
2 LED_G Positive terminal for the Green LED
3 LED_B Positive terminal for the Blue LED
4 GND_LED Common cathode (negative terminal) for the LED
5 SW1 Button terminal 1
6 SW2 Button terminal 2

Usage Instructions

How to Use the RGB Button in a Circuit

  1. Connecting the Button:

    • Connect SW1 and SW2 to your circuit. When the button is pressed, these pins will be shorted, completing the circuit.
    • Use a pull-down resistor (e.g., 10kΩ) on one of the button terminals to ensure a stable low signal when the button is not pressed.
  2. Driving the RGB LED:

    • Connect the LED_R, LED_G, and LED_B pins to current-limiting resistors (e.g., 220Ω) to prevent overdriving the LEDs.
    • The GND_LED pin should be connected to the ground of your circuit.
    • Use a microcontroller (e.g., Arduino) or external switches to control the LED pins and adjust the color output.
  3. Power Requirements:

    • Ensure the voltage supplied to the LED pins does not exceed their rated forward voltage (2.0V to 3.3V).
    • Use appropriate resistors to limit the current to 20mA per LED color.

Example: Connecting to an Arduino UNO

Below is an example of how to connect and control the RGB Button with an Arduino UNO:

Circuit Connections

  • LED_R → Arduino Pin 9 (via 220Ω resistor)
  • LED_G → Arduino Pin 10 (via 220Ω resistor)
  • LED_B → Arduino Pin 11 (via 220Ω resistor)
  • GND_LED → Arduino GND
  • SW1 → Arduino Pin 2
  • SW2 → Arduino GND

Arduino Code

// Pin definitions for RGB Button
const int buttonPin = 2;  // Button connected to digital pin 2
const int redPin = 9;     // Red LED pin
const int greenPin = 10;  // Green LED pin
const int bluePin = 11;   // Blue LED pin

void setup() {
  pinMode(buttonPin, INPUT_PULLUP); // Set button pin as input with pull-up
  pinMode(redPin, OUTPUT);          // Set red LED pin as output
  pinMode(greenPin, OUTPUT);        // Set green LED pin as output
  pinMode(bluePin, OUTPUT);         // Set blue LED pin as output
}

void loop() {
  // Read the button state
  int buttonState = digitalRead(buttonPin);

  if (buttonState == LOW) { // Button is pressed
    digitalWrite(redPin, HIGH);   // Turn on red LED
    digitalWrite(greenPin, LOW);  // Turn off green LED
    digitalWrite(bluePin, LOW);   // Turn off blue LED
  } else { // Button is not pressed
    digitalWrite(redPin, LOW);    // Turn off red LED
    digitalWrite(greenPin, HIGH); // Turn on green LED
    digitalWrite(bluePin, HIGH);  // Turn on blue LED
  }
}

Important Considerations

  • Always use current-limiting resistors for the LED pins to prevent damage.
  • Avoid pressing the button with excessive force to ensure longevity.
  • If using PWM (Pulse Width Modulation) to control the LED brightness, ensure the frequency is high enough to avoid visible flickering.

Troubleshooting and FAQs

Common Issues and Solutions

  1. LEDs Not Lighting Up:

    • Check the polarity of the LED connections. Ensure the GND_LED pin is connected to ground.
    • Verify that the current-limiting resistors are correctly sized and connected.
  2. Button Not Responding:

    • Ensure the button terminals (SW1 and SW2) are properly connected.
    • Check for loose connections or broken wires.
    • Use a multimeter to test the continuity of the button when pressed.
  3. Incorrect LED Colors:

    • Verify the connections to the LED_R, LED_G, and LED_B pins.
    • Ensure the control signals from the microcontroller are correct.
  4. Flickering LEDs:

    • If using PWM, increase the frequency to reduce visible flicker.
    • Check for unstable power supply or loose connections.

FAQs

Q: Can I use the RGB Button without a microcontroller?
A: Yes, you can use external switches or a simple circuit with resistors to control the LED colors manually.

Q: What is the lifespan of the RGB Button?
A: The button is rated for approximately 100,000 press cycles, and the LEDs have a typical lifespan of 50,000 hours under normal operating conditions.

Q: Can I mix colors with the RGB Button?
A: Yes, by driving multiple LED pins simultaneously, you can create mixed colors like yellow, cyan, magenta, or white.

Q: Is the RGB Button waterproof?
A: No, the RGB Button is not waterproof. Avoid exposing it to moisture or liquids.


This concludes the documentation for the Husa RGB Button. For further assistance, refer to the manufacturer's datasheet or contact technical support.