Introducción
¿Alguna vez has querido crear efectos de luz coloridos con un LED RGB pero no tenías los componentes a mano? Con Velxio, puedes simular todo el circuito y el código directamente en tu navegador. En este tutorial, construiremos un simple ciclo de colores LED RGB que muestra rojo, verde, azul, amarillo, cian, magenta y blanco en secuencia. Aprenderás a usar PWM (Modulación por Ancho de Pulso) para mezclar colores y cómo cablear un LED RGB de cátodo común a un Arduino Uno.
Explicación del circuito
Comencemos colocando los componentes en el lienzo de Velxio. Necesitarás un Arduino Uno y un LED RGB. El LED RGB tiene cuatro pines: un cátodo común (COM) y tres ánodos para rojo (R), verde (G) y azul (B).

Aquí está el cableado:
- Conecta el pin R del LED RGB al pin 9 del Arduino (cable rojo).
- Conecta el pin G al pin 10 del Arduino (cable verde).
- Conecta el pin B al pin 11 del Arduino (cable azul).
- Conecta el pin COM a GND del Arduino (cable negro).
En Velxio, puedes arrastrar cables de un pin a otro. Los colores de los cables en la simulación coinciden con las funciones de los pines: rojo para rojo, verde para verde, azul para azul y negro para tierra. Esto facilita seguir las conexiones.
Explicación del código
Ahora escribamos el sketch de Arduino. Abre el editor de código en Velxio e introduce lo siguiente:

// RGB LED Color Cycling
// Display different colors
const int RED_PIN = 9;
const int GREEN_PIN = 10;
const int BLUE_PIN = 11;
void setup() {
pinMode(RED_PIN, OUTPUT);
pinMode(GREEN_PIN, OUTPUT);
pinMode(BLUE_PIN, OUTPUT);
}
void setColor(int red, int green, int blue) {
analogWrite(RED_PIN, red);
analogWrite(GREEN_PIN, green);
analogWrite(BLUE_PIN, blue);
}
void loop() {
// Red
setColor(255, 0, 0);
delay(1000);
// Green
setColor(0, 255, 0);
delay(1000);
// Blue
setColor(0, 0, 255);
delay(1000);
// Yellow
setColor(255, 255, 0);
delay(1000);
// Cyan
setColor(0, 255, 255);
delay(1000);
// Magenta
setColor(255, 0, 255);
delay(1000);
// White
setColor(255, 255, 255);
delay(1000);
}
Cómo funciona
- Definiciones de pines: Definimos constantes para los tres pines PWM:
RED_PIN = 9,GREEN_PIN = 10,BLUE_PIN = 11. Estos pines admitenanalogWrite()para salida PWM. - setup(): Configura los tres pines como salidas.
- setColor(): Una función auxiliar que toma tres valores (0-255) para rojo, verde y azul, y los escribe en los pines correspondientes usando
analogWrite(). Esto crea un voltaje entre 0 y 5V, controlando el brillo del LED. - loop(): Llama a
setColor()con diferentes combinaciones para producir colores. Cada color se muestra durante 1 segundo (delay(1000)).
Conceptos clave
PWM (Modulación por Ancho de Pulso)
PWM es una técnica en la que un pin digital cambia rápidamente entre HIGH y LOW para simular un voltaje analógico. El ciclo de trabajo (porcentaje de tiempo en HIGH) determina el brillo percibido. analogWrite() de Arduino genera una señal PWM con una frecuencia de aproximadamente 490 Hz en los pines 9, 10 y 11.
Mezcla de colores RGB
Un LED RGB contiene tres LEDs separados (rojo, verde, azul) en un solo encapsulado. Variando el brillo de cada uno, puedes crear millones de colores. Por ejemplo:
- Rojo + Verde = Amarillo
- Verde + Azul = Cian
- Rojo + Azul = Magenta
- Rojo + Verde + Azul = Blanco
Cátodo común vs Ánodo común
Este tutorial utiliza un LED RGB de cátodo común, donde el pin COM está conectado a tierra. Para encender un color, aplicas una señal HIGH a su ánodo. Si tienes un LED de ánodo común, conectarías COM a VCC y usarías lógica invertida (LOW para encender).
Errores comunes y consejos de depuración
- Números de pin incorrectos: Verifica que has conectado los pines R, G, B a los pines correctos del Arduino (9, 10, 11). Un cable intercambiado producirá colores incorrectos.
- Falta de conexión a tierra: El pin COM debe estar conectado a GND. Sin ello, el LED no se encenderá.
- PWM vs Digital:
analogWrite()solo funciona en pines con capacidad PWM (marcados con ~ en el Uno). Usar un pin sin PWM resultará solo en encendido/apagado completo. - Temporización con delay:
delay(1000)pausa todo el programa. Para proyectos más receptivos, considera usarmillis()para temporización no bloqueante. - Problemas del simulador: Si el LED no se enciende, revisa el cableado en Velxio. Usa la barra de herramientas del lienzo para ampliar y verificar las conexiones.


Extensiones sugeridas
Una vez que tengas el ciclo de colores básico funcionando, prueba estas mejoras:
- Transición entre colores: En lugar de saltar, usa un bucle para cambiar gradualmente los valores PWM para transiciones suaves.
- Control con botón: Añade un pulsador para cambiar colores manualmente.
- Entrada con potenciómetro: Usa un potenciómetro para seleccionar un color de una paleta.
- Control por serie: Envía valores de color a través del monitor serie para establecer colores personalizados.
- Múltiples LEDs: Encadena varios LEDs RGB para un espectáculo de luces.
Para añadir nuevos componentes, usa el selector de componentes:

Si necesitas librerías adicionales, el gestor de librerías lo facilita:

Llamada a la acción
¿Listo para verlo en acción? Abre el ejemplo en vivo en Velxio y empieza a experimentar: Ciclo de colores LED RGB en Velxio. Sin descargas, sin hardware — solo aprendizaje puro. ¡Feliz experimentación!