在 WP 主题中使用颜色选择器、CSS 和 PHP 为 H2 背景添加不透明度

我正在尝试在不向文本添加不透明度的情况下为 h2 背景元素添加不透明度。通常，这将是一项简单的任务，但是我已经使用选项树和PHP集成了一个颜色选择器。由于背景颜色是用颜色选择器选择的，所以我不能简单地在 css 中添加 RGBA 颜色。这是我正在构建的代码，是否可以为背景添加不透明度或将选项树颜色选择器更改为 RGBA？

.CSS：

article.post h2 {
    <?php $b_color = ot_get_option( 'menu_and_search_tabs' );
    if(isset($b_color) && $b_color !="") {
    ?>
background-color:<?php echo $b_color ?> !important;
    <?php } else {?>
background-color:transparent; !important; 
    <?php } ?>
}

如果我在上面的代码中添加不透明度，它也会增加文本的不透明度。

.HTML：

<article class="post">
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<article class="post">
</article>