Управление RGB-лентой по Wi-Fi: удобная цветовая палитра с телефона
Простой и красивый способ удалённо менять цвет и яркость любой RGB-ленты через обычный браузер. Никаких кнопок и квадратиков — только большая плавная цветовая палитра. За 15 минут получаем полноценную умную подсветку для дома.
Где использовать
- Подсветка под кроватью — ночной режим без слепящего света
- Подсветка кухни или рабочего стола
- Контур по потолку или плинтусу
- Подсветка картины, зеркала, телевизора (антиусталость глаз)
- Лестница, дверные проёмы, ниши
Что понадобится
- ESP8266 (NodeMCU / Wemos D1 mini)
- RGB-лента 12 В или 5 В
- 3 MOSFET-транзистора (IRFZ44N / IRLB8721 / любые N-канальные)
- Блок питания 5–12 В (по длине ленты, минимум 2–3 А)
- Резисторы: 3 × 220 Ом + 3 × 10 кОм
Схема подключения (3 канала)
- +12 В блока → VIN ESP и + ленты
- GND → общий
- D1 → затвор R-канала (через 220 Ом)
- D2 → затвор G-канала
- D3 → затвор B-канала
- Каждый затвор → GND через 10 кОм (pull-down)
- Сток каждого MOSFET → минус своего канала ленты
Готовый скетч (цветовая палитра в браузере)
#include <ESP8266WiFi.h>
#include <ESP8266WebServer.h>
const char* ssid = "ТВОЯ_СЕТЬ";
const char* password = "ТВОЙ_ПАРОЛЬ";
ESP8266WebServer server(80);
uint8_t r = 0, g = 0, b = 0;
const uint8_t pinR = D1;
const uint8_t pinG = D2;
const uint8_t pinB = D3;
void setup() {
pinMode(pinR, OUTPUT);
pinMode(pinG, OUTPUT);
pinMode(pinB, OUTPUT);
Serial.begin(115200);
WiFi.begin(ssid, password);
while (WiFi.status() != WL_CONNECTED) {
delay(500);
Serial.print(".");
}
Serial.println("");
Serial.print("Подключено! IP: http://");
Serial.println(WiFi.localIP());
server.on("/", []() {
String html =
"<!DOCTYPE html>"
"<html><head>"
"<meta charset='utf-8'>"
"<meta name='viewport' content='width=device-width, initial-scale=1'>"
"<title>RGB лента</title>"
"</head><body style='margin:0;background:#111;color:#fff;text-align:center;padding:20px;font-family:Arial'>"
"<h2>Управление RGB-подсветкой</h2>"
"<input type='color' value='#ff0000' style='width:90vw;height:70vh;border:none;border-radius:20px;cursor:pointer' "
"onchange=\"fetch('/set?r='+parseInt(this.value.substr(1,2),16)"
"+'&g='+parseInt(this.value.substr(3,2),16)"
"+'&b='+parseInt(this.value.substr(5,2),16))\">"
"</body></html>";
server.send(200, "text/html", html);
});
server.on("/set", []() {
r = server.arg("r").toInt();
g = server.arg("g").toInt();
b = server.arg("b").toInt();
analogWrite(pinR, r);
analogWrite(pinG, g);
analogWrite(pinB, b);
server.send(200, "text/plain", "OK");
});
server.begin();
Serial.println("Веб-сервер запущен");
}
void loop() {
server.handleClient();
}
ESP8266 подключается к Wi-Fi.br /> создаёт веб-сервер с цветовым кругом.br /> управляет RGB-лентой по пинам D1/D2/D3 через PWM.br /> обновляет цвета в реальном времени по выбору в браузере.br />
Как пользоваться
- Залить скетч
- В Serial Monitor увидеть IP-адрес
- Открыть этот адрес на любом устройстве в вашей Wi-Fi сети
- Выбрать цвет — лента мгновенно меняется
Плюсы решения
- Огромная плавная палитра вместо мелких квадратиков
- Работает на любом телефоне/компьютере без приложений
- Можно добавить плавные переходы, таймеры, интеграцию в Home Assistant
Итог
За копейки и 15 минут вы получаете стильную умную RGB-подсветку с удобнейшим управлением. Дёшево, красиво, надёжно и без лишних приложений!
FAQ — Управление RGB-лентой по Wi-Fi (ESP8266 + цветовая палитра)
Подойдёт ли этот проект для любой RGB-ленты?
Да. Подходит любая стандартная RGB-лента на 12 В или 5 В. Главное — использовать три MOSFET для управления каналами R, G и B, а также соблюдать правильное подключение.
Какой MOSFET лучше использовать для управления RGB-лентой?
Наилучшие варианты — IRLB8721 или IRLZ44N. Они открываются на низком напряжении от ESP8266. IRFZ44N тоже работает, но хуже раскрывается при 3.3 В на затворе.
Можно ли питать ESP8266 прямо от 12 В блока питания?
Да, если используется плата NodeMCU или Wemos D1 mini: они имеют встроенный стабилизатор и допускают подачу 6–20 В на вход VIN. Для чистой ESP-12E обязателен внешний понижающий стабилизатор 12 В → 3.3 В.
Нужен ли общий минус между ESP8266 и блоком питания ленты?
Обязательно. Чтобы MOSFET корректно открывались, минус ESP и минус RGB-ленты должны быть соединены. Без общего GND цвета будут работать некорректно или вообще не включатся.
Какой ток нужен для RGB-ленты?
Ориентировочно RGB-лента потребляет около 14–18 Вт на метр при 12 В. Например, 12-вольтовая лента 5 м требует блок питания 12 В ≥ 5 А. Для 5-вольтовых лент ток ещё выше.
Почему для затвора MOSFET нужен резистор 10 кОм?
Резистор 10 кОм работает как pull-down. Он удерживает затвор в нуле при включении ESP, что предотвращает случайные вспышки RGB-ленты при загрузке микроконтроллера.
Работает ли управление с любого телефона или браузера?
Да. Встроенный веб-сервер открывается по IP-адресу устройства, работает в любом браузере и не требует установки приложений. Устройства Android, iOS и ПК полностью поддерживаются.
Можно ли добавить плавные переходы или анимации?
Да. В скетч легко добавить функции fade, плавные переливы, режим ночника или таймер выключения. Веб-интерфейс можно расширить под любые эффекты.
Можно ли управлять RGB-лентой удалённо через интернет?
Да. Если настроить проброс порта или использовать локальный VPN, управление возможно из любой точки мира. Также можно интегрировать проект в Home Assistant.
Почему цвет может отличаться от выбранного в палитре?
Причины обычно две: неправильное подключение каналов R-G-B или деградация ленты. Проверьте, что каналы не перепутаны, и что MOSFET открываются корректно. Также стоит убедиться в стабильности блока питания.