Name: ColorHub
Rating: 4.0 (2 reviews)

ColorHub helps web developers find the perfect color palette for their next project. Simply select a palette, edit and preview it on a range of layouts, and export a CSS, SCSS or Tailwind snippet in seconds!

Hi! I'm Dan, the creator of ColorHub and this is my first ever launch on Product Hunt! I've been working on ColorHub for a long time now, to help developers find the perfect color palette for their next project. Simply pick a pre-made palette, edit and preview it on a range of common layouts, and export a CSS, SCSS or Tailwind snippet in seconds. If you like the site then keep an eye on it as I'm adding new features all the time and really enjoy working on this project! Leave a comment below to let me know what you think, and I'm looking to launching plenty more products on here in the future! Thanks everyone. - Dan

@danielcranney Congrats on the launch Daniel 🤩

I really like the product, but I have one issue with it. It looks like the site itself isn't using the right colors. I really liked the purple skies pallete, but when I started to use it to actually make a design I spotted something weird. The colors didn't match. So to check where the issue was I used a color picker and figma was using the right color as your website listed: #7E22CE, but the website itself used a different color: #6D28D9. I thought: "hmmm that's weird" so I inspected the element on the site to check the color values and that's where I found where it was going wrong. The element displaying the colors aren't using the correct rgb values themselfs. for the purple skies theme the rgb value is: RGB(126, 34, 206), the element that's displaying the value is using: rgb(109,40,217). I do like the website, but for now I don't like it that the site doesn't display the colors correctly Edit: I just checked the other colors and some are displayed correctly, for example washed purple. I haven't checked all themes, but it seems they're not all setup right

@justaap thanks a lot for your comment! I’ll be sure to take a look through them and make the necessary corrections! Thanks for bringing it to my attention 😀 Edit: I have removed purple skies temporarily while I look for the root of the issue (it's not immediately clear looking over the code). I have also done some random checks on other colours, and they appear to all be correct, though I will be sure to carry out checks on all colours to ensure they are accurate. Thanks again for your feedback, it'll certainly make ColorHub better!

Love the visualisations of different product / page layouts using the chosen colour palette 👌🏻

@iamjonjackson thanks a lot Jon! Im adding new features all the time, and I’ll be expanding the layouts very soon (and adding a ‘export HTML’ feature) so you can grab the layout and kickstart your project!

This is such a great app! I really like the preview section, most of the color palette generators only show a bunch of palettes but does not show applied examples and ColorHub does it. :D

ColorHub

Find the perfect color palette for your next project

Do you use ColorHub?