Marc Tönsing

Hero Color Picker adds per-post background and font color controls to the editor sidebar for hero styling via CSS on elements with the <code>hero-colored</code> class.
Features: 
– Two color controls: <code>Background Color</code> and <code>Font Color</code> 
– On-demand color pickers in compact dropdown popovers 
– Live preview of both colors together directly in the sidebar 
– Applies selected colors to the editor post summary area for a closer backend preview 
– Removes the featured image preview outline while a custom background color is active 
– Accessibility check for <code>WCAG AAA Normal Text</code> with <code>PASS</code> / <code>FAILED</code> status 
– Panel is shown only while editing posts (<code>post</code>), not in template editing contexts 
– Adds a core-like posts list view <code>Hero Background</code> to show only posts with a custom hero background color 
– Works on elements that have the CSS class <code>hero-colored</code>
Stored as post meta: 
– <code>hero_color_picker_hero_color</code> 
– <code>hero_color_picker_font_color</code>
Frontend output (only when values are set):
<pre><code>.hero-colored {
 background-color: $background;
 color: $font;
}

.hero-colored a {
 color: $font;
}
</code></pre>
Important template setup: 
– Open your block theme template (for example <code>Single</code>) in the Site Editor. 
– Select the <code>Group</code> block that should receive the hero styles. 
– In block settings, add <code>hero-colored</code> to <code>Additional CSS class(es)</code>.

Hero Color Picker

Hero Color Picker adds per-post color selection in the editor sidebar for hero styling via CSS.

Umar Ahmad

Supercharge any wordpress site with WP Theme Customizer and give a premium look to your theme. Front-end options module gives a unique and beautiful look to your theme. 
4 color Schemes(both light and dark) are available for module. Very simple and easy to use plugin.
<h4>Demo</h4>
WP Theme Customizer demo is available at <a href="http://phpbaba.com/wp-theme-customizer" rel="nofollow ugc">phpbaba.com</a> – a “Settings” button at the left.
<h4>Go Pro</h4>
<a href="http://codecanyon.net/item/wp-theme-customizer/4983056?ref=phpbaba" rel="nofollow ugc">WP Theme Customizer Pro</a> adds even more features.
Features include:
<ul>
<li>Beautiful and stylish look</li>
<li>Cross Browser Compatibility</li>
<li>Use Color Palatte or Color Picker to change the body, headings, links and buttons color</li>
<li>Create unlimited number of color palattes(Premium Version)</li>
<li>Display Unlimited background images and patterns(Premium Version)</li>
<li>Upload Images VIA WordPress media uploader(Premium Version)</li>
<li>Day / Night mode switching(Premium Version)</li>
<li>Special Effects (rain effect, snow effect on site)</li>
<li>User Friendly (Allow front-end users to change style for themselves. The choosen style will be saved in their browser cookies.)(Premium Version)</li>
<li>Fully flexible positioning</li>
<li>Dragging of module(Premium Version)</li>
<li>Includes both light & dark color schemes</li>
<li>4 color schemes(Premium Version)</li>
<li>Select fields to display</li>
<li>Full Documentation</li>
<li>PSD’s Included(Premium Version)</li>
<li>Free Support</li>
<li>Easy Installation</li>
<li>Previous WP versions compatibility</li>
</ul>

WP Theme Customizer by phpbaba

Supercharge any wordpress site with WP Theme Customizer and give a premium look to your theme.

Hero Color Picker vs WP Theme Customizer by phpbaba