How to Store Color Design Material Palette At Blog - KhalistaBlog -->
Skip to content Skip to sidebar Skip to footer

How to Store Color Design Material Palette At Blog

How to Store Color Design Material Palette At Blog - With this color palette we can easily find colors that suit our tastes that are suitable for our blog. With this color palette we can choose the colors for the main elements and other elements so that the fusion becomes fitting. Here we can determine the dominant colors and derivative colors for our blog so the colors do not collide with each other.

How to Store Color Design Material Palette At Blog

But do not forget in determining the background color should contrast with the text color so that the blend of color remains user friendly and comfortable in read. Actually this color palette from Material Design which I then made to be installed easily on the blog.

Here I add a clipboard.js copy to make it easy to retrieve or copy the hex code of the color we choose. We just click on the color we want then paste in the style we are creating or edit.

As a live demo, please try this color palette page.
<< DEMO >>

If you want to save it on your blog, please save the following code in the post page or static page in HTML mode.

Storing Material Design Color Palette At Blog For AMP blog

Add the following code in the posting page or in the static page in HTML mode instead of Compose
<amp-iframe noloading title="Color Palette"
              src="https://cdn.rawgit.com/KompiAjaib/kompi-html/master/color-palettes2.html"
              height="575"
              layout="fixed-height"
              frameborder="0"
              sandbox="allow-forms allow-scripts allow-same-origin allow-modals allow-popups">
    <amp-img noloading src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgCo2esRlPEj1USU3zG6lYBQC6cQPqRsSsN5zPqJUvRm7NmhF6o_iuz4zS1d3GXxK9mVfTROG85uyNzVdok3nFjRtUBQCbS3e6sEZQ5zWoU59BMftJ_6qedQtZTHYtzTh9i9AS-6264WM/s1600/placeholder.png"
             layout="fixed-height"
             height="575"
             width="auto"
             placeholder>
    </amp-img>
  </amp-iframe>
And make sure the page already exists "amp-iframe.js".

Then Publish, and see the results.

Storing Material Design Color Palette At Blog For Non AMP blog

Add the following code in the posting page or in the static page in HTML mode instead of Compose
<iframe title="Color Palette" src="https://cdn.rawgit.com/KompiAjaib/kompi-html/master/color-palettes2.html" frameborder="0" style="height:575px;width:100%"></iframe>
Then Publish, and see the results.

These articles I have tried to share about How to Store Color Design Materials at Palette At Blog, hopefully with this short enough article can be useful and good luck.

Post a Comment for "How to Store Color Design Material Palette At Blog"