katsuakikureyama

you can genarate color to you select dom .
<ul>
<li>
Easy 
1 add this plagin 
2 select class name and transparency , footer on by setting .
<ol>
<li>push save button.</li>
</ol>
<ul>
<li>ShortCode 
if you need ,you can use shortcode at below. 
do_shortcode([‘colorful_ui’])</li>
</ul>
</li>
</ul>

ColorfulUI

Pratik Jain

WP OnlineSupport

Anoop Ranawat

Ketan Patel

Essential Plugin

Preloader gives your site an animated loading screen.
Check <a href="https://www.essentialplugin.com/wordpress-plugin/preloader-for-website/?utm_source=WP&utm_medium=Preloader&utm_campaign=Read-Me" rel="nofollow ugc">Features and Demo</a> for additional information.
It’s a great and lightweight way to add spice to any site. Simply activate the plugin and enable the Loader from “Preloader – WPOS” menu tab.
It works everywhere. It’s been tested on desktop browsers along with a variety of iOS, Android and Windows devices.
<h4>Available Features :</h4>
<ul>
<li>2 Preloader</li>
<li>Preloader Type</li>
<li>Custom Content</li>
<li>Content Font Color</li>
<li>Content Font Size</li>
<li>Preloader Background Color</li>
<li>Light weight</li>
</ul>
<h4>PRO Features Include</h4>
<blockquote>
Additional Enable Preloader Options 
 Preloader Type 
 Preloader Visibility 
 17 Predefined Spinner 
 3 Preloader sizes 
 Add your own loader image 
 Preloader Minimum Runtime 
 Preloader Disappear Time 
 Custom Content 
 Hide On Locations 
 Preloader area background image 
 Templating
View <a href="https://www.essentialplugin.com/wordpress-plugin/preloader-for-website/?utm_source=WP&utm_medium=Preloader&utm_campaign=Read-Me" rel="nofollow ugc">PRO DEMO and Features</a> for more details) for additional information.
</blockquote>

Preloader for Website

Preloader for Website : A loading screen add-on for your WordPress website.

ColorfulUI vs Preloader for Website