Регулярное выражение для HEX-цвета

Шаблон для цвета в формате #RGB, #RGBA, #RRGGBB или #RRGGBBAA.

ПресетСтраница примера инструмента

Регулярное выражение для HEX-цвета — поля заполнены примером, их можно менять. Настройки уедут в ссылку «Поделиться», а заголовок страницы и вкладки описывают исходный пресет, а не текущие поля.

Вернуться к обычному виду инструмента: Регулярные выражения

Об этом примере

HEX-цвет пишут как #RGB, #RGBA, #RRGGBB или #RRGGBBAA. Шаблон принимает все четыре формы, требуя от трёх до восьми шестнадцатеричных цифр после решётки. Тест #1a2b3c — обычный цвет. Значения вроде #12 или #12345 отвергаются. Выражение не различает нижний и верхний регистр букв. Учтите, что в CSS короткие формы раскрываются по-своему: #abc превращается в #aabbcc. Пресет удобен для валидации цветовых полей в редакторах.

Флаги пишутся подряд, без запятой и без пробелов. Поддерживаются g (все совпадения), i (без учёта регистра), m (^ и $ в каждой строке), s (. включает перевод строки), u (режим Unicode), y (поиск с позиции lastIndex), v (наборы Unicode вместо одиночных классов) и d (индексы начала совпадений). Порядок не важен: «giu» и «ug» — одно и то же.

Объяснение

Начало строки затем '#' затем одно из: один из от '0' до '9', от 'a' до 'f' (ровно 3 раз) или один из от '0' до '9', от 'a' до 'f' (ровно 4 раз) или один из от '0' до '9', от 'a' до 'f' (ровно 6 раз) или один из от '0' до '9', от 'a' до 'f' (ровно 8 раз) затем конец строки

Диаграмма выражения

Railroad — структура AST: терминалы, ветки и петли. NFA — переходы между состояниями автомата, ε-переходы отмечены пунктиром.

^#группа (?:){3}[…]{4}[…]{6}[…]{8}[…]$

Подсветка токенов

Цвет показывает роль фрагмента: литерал, класс, квантор, группа и т.д.

Live-тест

Готовые регулярки

Каталог регулярок →

Найдено: 66 из 66