The latest articles on DEV Community by venkatesh-aj (@venkateshaj). https://dev.to/venkateshaj https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F548058%2Fd8d348ec-b0cf-42cb-8c26-db98ba5b56b8.jpg https://dev.to/venkateshaj en venkatesh-aj Wed, 07 Apr 2021 12:01:35 +0000 https://dev.to/venkateshaj/top-25-color-tools-for-designers-4la1 https://dev.to/venkateshaj/top-25-color-tools-for-designers-4la1 <p>1) <a href="https://colorsui.com" rel="noopener noreferrer">Colors UI</a></p> <p>A collection of beautiful color palettes that can be customized as well. This website also provides Tint and Shade generators, Solid colors, Material colors, and more.<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fblbzwd2gvjm9gh3domhu.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fblbzwd2gvjm9gh3domhu.png" alt="Alt Text"></a></p> <p>2) <a href="https://www.culrs.com/" rel="noopener noreferrer">Culrs</a></p> <p>Culrs gives you to pick color palettes easily<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fj5lswslxpdwvuce2gbs7.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fj5lswslxpdwvuce2gbs7.png" alt="Culrs"></a><br> 3) <a href="https://colorwise.io/" rel="noopener noreferrer">Colorwise</a></p> <p>The wise choice of colors. Most voted on product hunt<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvo2m4xeseqwfbfsccoqz.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvo2m4xeseqwfbfsccoqz.png" alt="Colorwise"></a><br> 4) <a href="https://htmlcolorcodes.com/" rel="noopener noreferrer">HTML Color Codes</a></p> <p>HTML Color Codes where you can find HTML color codes using color picker and also create color chart and much more<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fv05oxwlnt4oov0azsir0.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fv05oxwlnt4oov0azsir0.png" alt="HTML Color Codes"></a><br> 5) <a href="https://www.colorsandfonts.com/" rel="noopener noreferrer">Colors &amp; Fonts</a></p> <p>C&amp;F is a Curated collection of color palettes and gradient colors and font pairing.<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnq3f91wqfrwzhj4cp5md.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnq3f91wqfrwzhj4cp5md.png" alt="Colors &amp; Fonts"></a><br> 6) <a href="http://colormind.io/" rel="noopener noreferrer">Color Mind</a></p> <p>Color Mind is an AI-powered color palette generator <br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxv3g1w76fzz3emxzueoj.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxv3g1w76fzz3emxzueoj.png" alt="Color Mind"></a><br> 7) <a href="https://colordrop.io/" rel="noopener noreferrer">Color Drop</a></p> <p>Color Drop is a collection of beautiful four-color palettes. It is also provided flat colors, color code converter, and more<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F77am9dmxsnz942q89z8o.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F77am9dmxsnz942q89z8o.png" alt="Color Drop"></a><br> 8) <a href="https://www.schemecolor.com/" rel="noopener noreferrer">Scheme Color</a></p> <p>Scheme Color has a large number of color palettes where you can edit and download color palettes. <br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6afpiok4slxam3bfeqvj.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6afpiok4slxam3bfeqvj.png" alt="Scheme Color"></a><br> 9) <a href="https://colorbox.io/" rel="noopener noreferrer">Colorbox</a></p> <p>ColorBox is a color tool website. It provides a set of colors<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Faveemf3ytzsaxnw8az8l.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Faveemf3ytzsaxnw8az8l.png" alt="Colorbox"></a><br> 10) <a href="https://coolors.co/" rel="noopener noreferrer">Coolors.co</a></p> <p>Coolors.co is a popular tool for color palettes. Where you can edit, save and download color palettes<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbes7mxxux73y561kw5j4.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbes7mxxux73y561kw5j4.png" alt="Coolors"></a><br> 11) <a href="https://colorhunt.co/" rel="noopener noreferrer">Color Hunt</a></p> <p>Color Hunt is an open collection of color palettes.<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjwhg7yvma82h8zjs0ee2.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjwhg7yvma82h8zjs0ee2.png" alt="Color Hunt"></a><br> 12) <a href="https://colors.dopely.top/" rel="noopener noreferrer">Dopelycolors</a></p> <p>Dopely Colors is a super app for anything related to colors designed for creatives like you.<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fax91xn8jffkgkou9lum2.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fax91xn8jffkgkou9lum2.png" alt="Dopelycolors"></a><br> 13) <a href="https://mycolor.space/" rel="noopener noreferrer">ColorSpace</a></p> <p>Generate color palettes from one color.<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fe6jm5ykgkynobiwhdjnp.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fe6jm5ykgkynobiwhdjnp.png" alt="ColorSpace"></a><br> 14) <a href="https://saruwakakun.com/en/color-ideas" rel="noopener noreferrer">Saruwakakun</a></p> <p>Nice color schemes for websites with app preview<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwtfhzkw9x91c0q7geju3.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwtfhzkw9x91c0q7geju3.png" alt="Saruwakakun"></a><br> 15) <a href="https://image-color.com/" rel="noopener noreferrer">Image Color</a></p> <p>Pick colors from image, color picker and Color Contrast Checker<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6sxm6xovgt8nyif4iba5.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6sxm6xovgt8nyif4iba5.png" alt="Image Color"></a><br> 16) <a href="https://farbvelo.elastiq.ch/" rel="noopener noreferrer">Farbvelo</a></p> <p>Random color palette generator<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffkc0bvknoe02ff5estii.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffkc0bvknoe02ff5estii.png" alt="Farbvelo"></a><br> 17) <a href="https://www.happyhues.co/" rel="noopener noreferrer">Happy Hues</a></p> <p>Curated color palettes<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgxrn7l72x24b7dfkyjlu.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgxrn7l72x24b7dfkyjlu.png" alt="Happy Hues"></a><br> 18) <a href="http://khroma.co/" rel="noopener noreferrer">Khroma</a> </p> <p>Another AI color scheme tool<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftv9gfmr79lmaf04jrnxw.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftv9gfmr79lmaf04jrnxw.png" alt="Khroma"></a><br> 19) <a href="https://nipponcolors.com/" rel="noopener noreferrer">nipponcolors</a></p> <p>If you would like to use traditional colors then we recommend Nippon Colors.<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7giyaitqbvyjgdsiumd8.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7giyaitqbvyjgdsiumd8.png" alt="nipponcolors"></a><br> 20) <a href="https://colorsinspo.com/" rel="noopener noreferrer">Colorsinspo</a></p> <p>Copy beautiful color palettes with a single click<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgoak37lhfghp6b2givcc.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgoak37lhfghp6b2givcc.png" alt="Colorsinspo"></a><br> 21) <a href="https://colortopia.io/" rel="noopener noreferrer">Colortopia</a></p> <p>Online color tool for finding beautiful color schemes.<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fusi5tqb477lhtp9uskst.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fusi5tqb477lhtp9uskst.png" alt="Colortopia"></a><br> 22) <a href="https://colorswall.com/" rel="noopener noreferrer">Colorswall</a></p> <p>Generate and save your color palettes<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkbfn01lk23yoiiryf694.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkbfn01lk23yoiiryf694.png" alt="Colorswall"></a><br> 23) <a href="https://www.palettelist.com/" rel="noopener noreferrer">Palettelist</a></p> <p>Pick 2 colors and generate more color palettes<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1jtgufz1r1j8g2tovscs.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1jtgufz1r1j8g2tovscs.png" alt="Palettelist"></a><br> 24) <a href="https://webgradients.com/" rel="noopener noreferrer">Webgradients</a></p> <p>WebGradients is a free collection of linear gradients.<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjjmtbxk4tgsuptyx44d0.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjjmtbxk4tgsuptyx44d0.png" alt="Webgradients"></a><br> 25) <a href="https://www.grabient.com/" rel="noopener noreferrer">Grabient</a></p> <p>Another gradient tool<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwiy8sbew7j8jh1scxjul.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwiy8sbew7j8jh1scxjul.png" alt="Grabient"></a></p> frontend productivity design webdev venkatesh-aj Tue, 06 Apr 2021 02:27:23 +0000 https://dev.to/venkateshaj/best-color-palette-tools-for-designers-2a5j https://dev.to/venkateshaj/best-color-palette-tools-for-designers-2a5j <p>1) <a href="https://colorsui.com" rel="noopener noreferrer">Colors UI</a></p> <p>A collection of beautiful color palettes that can be customized as well. This website also provides Tint and Shade generators, Solid colors, Material colors, and more.<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fblbzwd2gvjm9gh3domhu.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fblbzwd2gvjm9gh3domhu.png" alt="Alt Text"></a></p> <p>2) <a href="https://www.culrs.com/" rel="noopener noreferrer">Culrs</a></p> <p>Culrs gives you to pick color palettes easily<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fj5lswslxpdwvuce2gbs7.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fj5lswslxpdwvuce2gbs7.png" alt="Culrs"></a><br> 3) <a href="https://colorwise.io/" rel="noopener noreferrer">Colorwise</a></p> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>The wise choice of colors. Most voted on product hunt </code></pre> </div> <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvo2m4xeseqwfbfsccoqz.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fvo2m4xeseqwfbfsccoqz.png" alt="Colorwise"></a><br> 4) <a href="https://htmlcolorcodes.com/" rel="noopener noreferrer">HTML Color Codes</a></p> <p>HTML Color Codes where you can find HTML color codes using color picker and also create color chart and much more<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fv05oxwlnt4oov0azsir0.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fv05oxwlnt4oov0azsir0.png" alt="HTML Color Codes"></a><br> 5) <a href="https://www.colorsandfonts.com/" rel="noopener noreferrer">Colors &amp; Fonts</a></p> <p>C&amp;F is a Curated collection of color palettes and gradient colors and font pairing.<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnq3f91wqfrwzhj4cp5md.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fnq3f91wqfrwzhj4cp5md.png" alt="Colors &amp; Fonts"></a><br> 6) <a href="http://colormind.io/" rel="noopener noreferrer">Color Mind</a></p> <p>Color Mind is an AI-powered color palette generator <br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxv3g1w76fzz3emxzueoj.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxv3g1w76fzz3emxzueoj.png" alt="Color Mind"></a><br> 7) <a href="https://colordrop.io/" rel="noopener noreferrer">Color Drop</a></p> <p>Color Drop is a collection of beautiful four-color palettes. It is also provided flat colors, color code converter, and more<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F77am9dmxsnz942q89z8o.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F77am9dmxsnz942q89z8o.png" alt="Color Drop"></a><br> 8) <a href="https://www.schemecolor.com/" rel="noopener noreferrer">Scheme Color</a></p> <p>Scheme Color has a large number of color palettes where you can edit and download color palettes. <br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6afpiok4slxam3bfeqvj.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6afpiok4slxam3bfeqvj.png" alt="Scheme Color"></a><br> 9) <a href="https://colorbox.io/" rel="noopener noreferrer">Colorbox</a></p> <p>ColorBox is a color tool website. It provides a set of colors<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Faveemf3ytzsaxnw8az8l.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Faveemf3ytzsaxnw8az8l.png" alt="Colorbox"></a><br> 10) <a href="https://coolors.co/" rel="noopener noreferrer">Coolors.co</a></p> <p>Coolors.co is a popular tool for color palettes. Where you can edit, save and download color palettes<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbes7mxxux73y561kw5j4.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbes7mxxux73y561kw5j4.png" alt="Coolors"></a><br> 11) <a href="https://colorhunt.co/" rel="noopener noreferrer">Color Hunt</a></p> <p>Color Hunt is an open collection of color palettes.<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjwhg7yvma82h8zjs0ee2.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjwhg7yvma82h8zjs0ee2.png" alt="Color Hunt"></a><br> 12) <a href="https://colors.dopely.top/" rel="noopener noreferrer">Dopelycolors</a></p> <p>Dopely Colors is a super app for anything related to colors designed for creatives like you.<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fax91xn8jffkgkou9lum2.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fax91xn8jffkgkou9lum2.png" alt="Dopelycolors"></a><br> 13) <a href="https://mycolor.space/" rel="noopener noreferrer">ColorSpace</a></p> <p>Generate color palettes from one color.<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fe6jm5ykgkynobiwhdjnp.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fe6jm5ykgkynobiwhdjnp.png" alt="ColorSpace"></a><br> 14) <a href="https://saruwakakun.com/en/color-ideas" rel="noopener noreferrer">Saruwakakun</a></p> <p>Nice color schemes for websites with app preview<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwtfhzkw9x91c0q7geju3.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwtfhzkw9x91c0q7geju3.png" alt="Saruwakakun"></a><br> 15) <a href="https://image-color.com/" rel="noopener noreferrer">Image Color</a></p> <p>Pick colors from image, color picker and Color Contrast Checker<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6sxm6xovgt8nyif4iba5.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6sxm6xovgt8nyif4iba5.png" alt="Image Color"></a><br> 16) <a href="https://farbvelo.elastiq.ch/" rel="noopener noreferrer">Farbvelo</a></p> <p>Random color palette generator<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffkc0bvknoe02ff5estii.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ffkc0bvknoe02ff5estii.png" alt="Farbvelo"></a><br> 17) <a href="https://www.happyhues.co/" rel="noopener noreferrer">Happy Hues</a></p> <p>Curated color palettes<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgxrn7l72x24b7dfkyjlu.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgxrn7l72x24b7dfkyjlu.png" alt="Happy Hues"></a><br> 18) <a href="http://khroma.co/" rel="noopener noreferrer">Khroma</a> </p> <p>Another AI color scheme tool<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftv9gfmr79lmaf04jrnxw.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftv9gfmr79lmaf04jrnxw.png" alt="Khroma"></a><br> 19) <a href="https://nipponcolors.com/" rel="noopener noreferrer">nipponcolors</a></p> <p>If you would like to use traditional colors then we recommend Nippon Colors.<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7giyaitqbvyjgdsiumd8.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7giyaitqbvyjgdsiumd8.png" alt="nipponcolors"></a><br> 20) <a href="https://colorsinspo.com/" rel="noopener noreferrer">Colorsinspo</a></p> <p>Copy beautiful color palettes with a single click<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgoak37lhfghp6b2givcc.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fgoak37lhfghp6b2givcc.png" alt="Colorsinspo"></a><br> 21) <a href="https://colortopia.io/" rel="noopener noreferrer">Colortopia</a></p> <p>Online color tool for finding beautiful color schemes.<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fusi5tqb477lhtp9uskst.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fusi5tqb477lhtp9uskst.png" alt="Colortopia"></a><br> 22) <a href="https://colorswall.com/" rel="noopener noreferrer">Colorswall</a></p> <p>Generate and save your color palettes<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkbfn01lk23yoiiryf694.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fkbfn01lk23yoiiryf694.png" alt="Colorswall"></a><br> 23) <a href="https://www.palettelist.com/" rel="noopener noreferrer">Palettelist</a></p> <p>Pick 2 colors and generate more color palettes<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1jtgufz1r1j8g2tovscs.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F1jtgufz1r1j8g2tovscs.png" alt="Palettelist"></a><br> 24) <a href="https://webgradients.com/" rel="noopener noreferrer">Webgradients</a></p> <p>WebGradients is a free collection of linear gradients.<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjjmtbxk4tgsuptyx44d0.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fjjmtbxk4tgsuptyx44d0.png" alt="Webgradients"></a><br> 25) <a href="https://www.grabient.com/" rel="noopener noreferrer">Grabient</a></p> <p>Another gradient tool<br> <a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwiy8sbew7j8jh1scxjul.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fwiy8sbew7j8jh1scxjul.png" alt="Grabient"></a></p> design html productivity tooling venkatesh-aj Fri, 19 Feb 2021 09:37:29 +0000 https://dev.to/venkateshaj/color-scheme-tool-colors-ui-https-colorsui-com-1pec https://dev.to/venkateshaj/color-scheme-tool-colors-ui-https-colorsui-com-1pec <p>Hi All, Colors UI is a color scheme tool and now it is completely ready to use.<br> 👉 Popular color palette (1000+ color palettes),<br> 👉 Palette Generator,<br> 👉 Tint and Shade Generator,<br> 👉 Solid UI colors (5000+ solid colors),<br> 👉 Material Colors,<br> 👉 Pick colors from your own image,<br> 👉 Color Picker,<br> 👉 Create own color palette,<br> Visit Now and start using <a href="https://colorsui.com">https://colorsui.com</a></p> productivity webdev design html venkatesh-aj Sat, 23 Jan 2021 16:03:53 +0000 https://dev.to/venkateshaj/color-palettes-website-colorsui-com-ready-to-use-k7c https://dev.to/venkateshaj/color-palettes-website-colorsui-com-ready-to-use-k7c <p>Hi there, I've created a color palette website called <a href="https://colorsui.com">https://colorsui.com</a>. Colors UI where you can find beautiful color palettes, palette generator, Tint and Shade generator, solid colors, material colors, and more. Please visit <a href="https://colorsui.com">https://colorsui.com</a></p> webdev productivity tooling sideprojects venkatesh-aj Tue, 05 Jan 2021 12:42:30 +0000 https://dev.to/venkateshaj/color-palette-tool-colorsui-com-ready-to-use-jho https://dev.to/venkateshaj/color-palette-tool-colorsui-com-ready-to-use-jho <p>Hi there, I recently completed my personal project. which is basically a color palette website.</p> <p>Tools which are included:</p> <ol> <li>Popular color palettes.</li> <li>Palette Generator (Customizable).</li> <li>Tint &amp; Shade Generator</li> <li>Solid UI Colors.</li> <li>Material Colors.</li> <li>Color Picker.</li> <li>Pick colors from the image.</li> <li>User can create their own color palette</li> </ol> <p>Please visit and start using it.</p> <p><strong><a href="https://www.colorsui.com">https://www.colorsui.com</a></strong></p> webdev html design productivity venkatesh-aj Mon, 04 Jan 2021 06:44:00 +0000 https://dev.to/venkateshaj/best-free-hosting-providers-4b3p https://dev.to/venkateshaj/best-free-hosting-providers-4b3p <p>List of top free best-hosting providers.</p> <ol> <li><a href="https://byet.host/">ByteHost</a></li> <li><a href="https://www.infinityfree.com">InfinityFree</a></li> <li><a href="https://www.000webhost.com">000Webhost</a></li> <li><a href="https://zyro.com/">Zyro</a></li> <li><a href="https://x10hosting.com">X10hosting</a></li> <li><a href="https://www.freehosting.com">Freehosting</a></li> <li><a href="https://www.freehostia.com">Freehostia</a></li> <li><a href="https://www.awardspace.com">Awardspace</a></li> <li><a href="https://www.agilityhoster.com/free-web-hosting.html">Agilityhoster</a></li> <li><a href="https://www.atspace.com/web-hosting/free-hosting/">AtSpace</a></li> <li><a href="https://googiehost.com/index.html">Googiehost</a></li> <li><a href="https://www.instafree.com">Instafree</a></li> <li><a href="https://www.freewebhostingarea.com">Freewebhostingarea</a></li> <li><a href="https://www.5gbfree.com">5gbfree</a></li> <li><a href="https://www.dreamnix.com">Dreamnix</a></li> </ol> <p>Top static site hosting websites</p> <ol> <li><a href="https://www.netlify.com">Netlify</a></li> <li><a href="https://pages.github.com">GitHub Pages</a></li> <li><a href="https://vercel.com">Vercel</a></li> <li><a href="https://firebase.google.com">Firebase</a></li> <li><a href="https://about.gitlab.com/stages-devops-lifecycle/pages">GitLab Pages</a></li> </ol> webdev help beginners hosting