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

Шаблон для #RGB и #RRGGBB в нижнем или верхнем регистре.

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

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

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

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

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

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

Объяснение

'#' затем один из от '0' до '9', от 'a' до 'f', от 'A' до 'F' (ровно 3 раз) (от 1 до 2 раз) затем граница слова

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

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

#{1,2}группа №1{3}[…]\b

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

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

Live-тест

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

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

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