<h2 id="-colorbook-https-liyasthomas-github-io-colorbook-"><strong><a target='_blank' rel='noopener noreferrer'  href="https://liyasthomas.github.io/colorbook">Colorbook 🎨</a></strong></h2>
<h3 id="color-schemes-for-ui-design">Color schemes for UI design</h3>
<h3 id="feel-free-to-contribute-on-github-https-github-com-liyasthomas-colorbook-">Feel free to contribute on <strong><a target='_blank' rel='noopener noreferrer'  href="https://github.com/liyasthomas/colorbook">GitHub</a></strong></h3>
<p>For one of my project redesign, I was searching for an online color combination generator. There were many color pickers, generators, etc. but none seems to generate color combinations that suits my UI.</p>
<p>That&#39;s why I created an online designer tool: <a target='_blank' rel='noopener noreferrer'  href="https://liyasthomas.github.io/colorbook">Colorbook</a> for creating color combinations that work together well. Use the <a target='_blank' rel='noopener noreferrer'  href="https://liyasthomas.github.io/colorbook">Colorbook</a> to create great color combination palettes.</p>
<p><img src="https://raw.githubusercontent.com/liyasthomas/colorbook/master/icons/screely.png" alt="UI"></p>
<p><a target='_blank' rel='noopener noreferrer'  href="https://liyasthomas.github.io/colorbook">Colorbook</a> is an open-source color scheme generator optimized for UI like font, background, border, etc.</p>
<p>With <a target='_blank' rel='noopener noreferrer'  href="https://liyasthomas.github.io/colorbook">Colorbook</a>, now I can create color palettes for my UI, and measure the accessibility of any color combination.</p>
<p>Picking a color scheme is now as simple as 1, 2, 3!</p>
<ol>
<li><p>Pick a color.</p>
</li>
<li><p>View preview of sample UI.</p>
</li>
<li><p>Copy color codes.</p>
</li>
</ol>
<p><img src="https://raw.githubusercontent.com/liyasthomas/colorbook/master/icons/screely2.png" alt="Colors"></p>
<p>Bonus: 🌈 I also added a gradient color generator tool with customizable number of transition steps.</p>
<h3 id="-demo-https-liyasthomas-github-io-colorbook-"><strong><a target='_blank' rel='noopener noreferrer'  href="https://liyasthomas.github.io/colorbook">Demo 🚀</a></strong></h3>
<h3 id="feel-free-to-contribute-on-github-https-github-com-liyasthomas-colorbook-">Feel free to contribute on <strong><a target='_blank' rel='noopener noreferrer'  href="https://github.com/liyasthomas/colorbook">GitHub</a></strong></h3>
<p>If you want a heads up on my next projects, or just want to chat about the web, make sure to follow me <a target='_blank' rel='noopener noreferrer'  href="https://twitter.com/liyasthomas">@liyasthomas</a> 💙.</p>
<p><em>This post&#39;s banner is made with <strong><a target='_blank' rel='noopener noreferrer'  href="https://liyasthomas.github.io/banner">Banner generator ✨</a></strong></em></p>


## **[Colorbook 🎨](https://liyasthomas.github.io/colorbook)**
### Color schemes for UI design

### Feel free to contribute on **[GitHub](https://github.com/liyasthomas/colorbook)**

For one of my project redesign, I was searching for an online color combination generator. There were many color pickers, generators, etc. but none seems to generate color combinations that suits my UI.

That's why I created an online designer tool: [Colorbook](https://liyasthomas.github.io/colorbook) for creating color combinations that work together well. Use the [Colorbook](https://liyasthomas.github.io/colorbook) to create great color combination palettes.

![UI](https://raw.githubusercontent.com/liyasthomas/colorbook/master/icons/screely.png)

[Colorbook](https://liyasthomas.github.io/colorbook) is an open-source color scheme generator optimized for UI like font, background, border, etc.

With [Colorbook](https://liyasthomas.github.io/colorbook), now I can create color palettes for my UI, and measure the accessibility of any color combination.

Picking a color scheme is now as simple as 1, 2, 3!

1. Pick a color.

2. View preview of sample UI.

3. Copy color codes.

![Colors](https://raw.githubusercontent.com/liyasthomas/colorbook/master/icons/screely2.png)

Bonus: 🌈 I also added a gradient color generator tool with customizable number of transition steps.

### **[Demo 🚀](https://liyasthomas.github.io/colorbook)**

### Feel free to contribute on **[GitHub](https://github.com/liyasthomas/colorbook)**

If you want a heads up on my next projects, or just want to chat about the web, make sure to follow me [@liyasthomas](https://twitter.com/liyasthomas) 💙.

_This post's banner is made with **[Banner generator ✨](https://liyasthomas.github.io/banner)**_


I created an easy way to create color combination schemes for UI

Colorbook 🎨

Color schemes for UI design

Feel free to contribute on GitHub

Demo 🚀

Feel free to contribute on GitHub