Regular Expressions 101

Community Patterns

1

āļ•āļĢāļ§āļˆāļŠāļ­āļšāļžāļĒāļąāļāļŠāļ™āļ°āļ•āđ‰āļ™āļ•āļąāļ§āļŠāļ°āļāļ”āļŠāļĢāļ°āđāļĨāļ°āļ§āļĢāļĢāļ“āļĒāļļāļāļ•āđŒāđ„āļ—āļĒ

Created·2026-01-22 01:36
Updated·2026-01-23 12:42
Flavor·JavaScript
āļ•āļĢāļ§āļˆāļŠāļ­āļšāļžāļĒāļąāļāļŠāļ™āļ°āļ•āđ‰āļ™ (āļ•āđ‰āļ­āļ‡āļĄāļĩ) āļ•āļĢāļ§āļˆāļ•āļąāļ§āļŠāļ°āļāļ”āļŠāļģāļŦāļĢāļąāļšāļŠāļĢāļ°āļ—āļĩāđˆāļ•āđ‰āļ­āļ‡āļĄāļĩ āļ•āļĢāļ§āļˆāļŠāļ­āļšāļāļēāļĢāļ§āļēāļ‡āļŠāļĢāļ°āđāļĨāļ°āļ§āļĢāļĢāļ“āļĒāļļāļāļ•āđŒāđ„āļ—āļĒ āļŦāļĄāļēāļĒāđ€āļŦāļ•āļļ āļāļēāļĢāļ•āļĢāļ§āļˆāļŠāļ­āļšāļ•āļąāļ§āļŠāļ°āļāļ”āđƒāļ™āļ āļēāļĐāļēāđ„āļ—āļĒāļ•āļĢāļ§āļˆāļŠāļ­āļšāđ„āļ”āđ‰āļĒāļēāļāđ€āļžāļĢāļēāļ°āļ āļēāļĐāļēāđ„āļ—āļĒāđ€āļ›āđ‡āļ™āļ āļēāļĐāļēāļ—āļĩāđˆāđ€āļ‚āļĩāļĒāļ™āļ•āļīāļ” āđ† āļāļąāļ™āđ„āļĄāđˆāļĄāļĩāļāļēāļĢāđāļšāđˆāļ‡āļ„āļģāļ­āļĒāđˆāļēāļ‡āļŠāļąāļ”āđ€āļˆāļ™āļ—āļģāđƒāļŦāđ‰āļāļēāļĢāļ­āđˆāļēāļ™āļ āļēāļĐāļēāđ„āļ—āļĒāļœāļđāđ‰āļ­āđˆāļēāļ™āļ•āđ‰āļ­āļ‡āđƒāļŠāđ‰āļ„āļ§āļēāļĄāļŦāļĄāļēāļĒāļ‚āļ­āļ‡āļ„āļģāđƒāļ™āļāļēāļĢāļ•āļąāļ”āļŠāļīāļ™āļāļēāļĢāļ­āđˆāļēāļ™āđāļšāđˆāļ‡āļ„āļģāļ•āļēāļĄāļ„āļ§āļēāļĄāđ€āļŦāļĄāļēāļ°āļŠāļĄāđ€āļŠāđˆāļ™āļ„āļģāļ§āđˆāļē "āļ•āļēāļāļĨāļĄ" āļ­āļēāļˆāļ­āđˆāļēāļ™āđ€āļ›āđ‡āļ™ "āļ•āļēāļ-āļĨāļĄ" āļāđ‡āđ„āļ”āđ‰ āļŦāļĢāļ·āļ­āļ­āđˆāļēāļ™āđ€āļ›āđ‡āļ™ "āļ•āļē-āļāļĨāļĄ"āļāđ‡āđ„āļ”āđ‰ āļ”āļąāļ‡āļ™āļąāđ‰āļ™āļāļēāļĢāđ€āļ‚āļĩāļĒāļ™ Regex āđ€āļžāļ·āđˆāļ­āļ—āļģāļāļēāļĢāļ•āļĢāļ§āļˆāļŠāļ­āļšāļ­āļēāļˆāļŠāđˆāļ§āļĒāđ„āļ”āđ‰āļĢāļ°āļ”āļąāļšāļŦāļ™āļķāđˆāļ‡ āļ­āđˆāļēāļˆāļĄāļĩāļœāļīāļ”āļšāđ‰āļēāļ‡āļ–āļđāļāļšāđ‰āļēāļ‡ āđāļ•āđˆāļāđ‡āļ–āļ·āļ­āļ§āđˆāļēāđ€āļ›āđ‡āļ™āđ€āļ„āļĢāļ·āđˆāļ­āļ‡āļĄāļ·āļ­āļ—āļĩāđˆāđƒāļŠāđ‰āļŠāđˆāļ§āļĒāđ€āļŦāļĨāļ·āļ­āđƒāļ™āļāļēāļĢāļ•āļĢāļ§āļˆāļŠāļ­āļšāđ€āļžāļīāđˆāļĄāđ€āļ•āļīāļĄāđ„āļ”āđ‰ 80% āļ‚āļ­āļ‡āļ„āļ§āļēāļĄāđ€āļ›āđ‡āļ™āđ„āļ›āđƒāļ”āđ‰āļāđ‡āđāļĨāđ‰āļ§āļāļąāļ™āļ™āļ°āļ„āļĢāļąāļš āļŦāļ§āļąāļ‡āļ§āđˆāļēāļāļēāļĢāđ€āļ‚āļĩāļĒāļ™āđ€āļžāļīāđˆāļĄāđ€āļ•āļīāļĄāļŠāđˆāļ§āļ™āļ™āļĩāđ‰ āļˆāļ°āļĄāļĩāļ›āļĢāļ°āđ‚āļĒāļŠāļ™āđŒāļšāđ‰āļēāļ‡āđ„āļĄāđˆāļĄāļēāļāļāđ‡āļ™āđ‰āļ­āļĒ
Submitted by āļ­āļ˜āļīāļ›āļąāļ•āļĒāđŒ āļĨāđ‰āļ­āļ§āļ‡āļĻāđŒāļ‡āļēāļĄ

Community Library Entry

2

Regular Expression
Created·2022-05-31 10:30
Flavor·PCRE2 (PHP)

/
rgba?\((?<r>[.\d]+)[, ]+(?<g>[.\d]+)[, ]+(?<b>[.\d]+)(?:\s?[,\/]\s?(?<a>[.\d]+%?))?\)
/
ig
Open regex in editor

Description

JS function to convert RGB(A) to HEX color for single values:

/**
 * @param {string} color the RGB(A) color
 * @return {string} the HEX color
 */
function rgba2hex(color)
{
  const rgb = color.replace(/,\s+/g, ',').match(/^rgba?\(([.\d]+)[, ]+([.\d]+)[, ]+([.\d]+)[, ]?([.\d]+)?\)$/i);
  let hex = (parseInt(rgb[1], 10) | 1 << 8).toString(16).slice(1)
    + (parseInt(rgb[2], 10) | 1  << 8).toString(16).slice(1)
    + (parseInt(rgb[3], 10) | 1  << 8).toString(16).slice(1);
  if (rgb[4]) {
    if (rgb[4].startsWith('.')) {
      rgb[4] = '0' + rgb[4];
    }
    hex += ((parseInt(rgb[4], 10) * 255) | 1 << 8).toString(16).slice(1);
  }
  return '#' + hex;
}

PHP function using regexp to convert RGB/RGBA to HEX colors in CSS:

function rgb2Hex(string $css)
{
    return preg_replace_callback(
        '/rgba?\((?<r>[.\d]+)[, ]+(?<g>[.\d]+)[, ]+(?<b>[.\d]+)(?:\s?[,\/]\s?(?<a>[.\d]+%?))?\)/i',
        static function (array $matches) {
            $matches['r'] = ceil($matches['r']);
            $matches['g'] = ceil($matches['g']);
            $matches['b'] = ceil($matches['b']);
            if (isset($matches['a'])) {
                if (str_ends_with($matches['a'], '%')) {
                     // 2.55 is 1%
                     $matches['a'] = 2.55 * (float) substr($matches['a'], -1);
                } else {
                    if ($matches['a'][0] === '.') {
                        $matches['a'] = '0' . $matches['a'];
                    }
                    $matches['a'] = 255 * (float) $matches['a'];
                }
                $matches['a'] = ceil($matches['a']);
                $hex = dechex(($matches['r'] << 24) | ($matches['g'] << 16) | ($matches['b'] << 8) | $matches['a']);
                return '#' . str_pad($hex, 8, '0', STR_PAD_LEFT);
            }
            $hex = dechex(($matches['r'] << 16) | ($matches['g'] << 8) | $matches['b']);
            return '#' . str_pad($hex, 6, '0', STR_PAD_LEFT);
        },
        $css
    );
}

Test:

$css = <<<'CSS'
color: rgb(34, 12, 64, 0.6);
color: rgba(34, 12, 64, 0.6);
color: rgba(34, 12, 64, .6);
color: rgb(34 12 64 / 0.6);
color: rgba(34 12 64 / 0.3);
color: rgb(34.0 12 64 / 60%);
color: rgba(34.6 12 64 / 30%);
color: rgba(0, 255, 255);
color: rgba(0, 255, 255);
color: rgba(0, 255, 255, .5);
color: rgba(0, 255, 255, 0.5);
color: rgba(0 255 255 / 0.5);
CSS;
echo rgb2Hex($css);

Result:

color: #220c4010;
color: #220c4010;
color: #220c4010;
color: #220c4010;
color: #220c4008;
color: #220c4000;
color: #230c4000;
color: #00ffff;
color: #00ffff;
color: #00ffff0d;
color: #00ffff0d;
color: #00ffff0d;
Submitted by WinterSilence