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!
No reviews yetBe the first to leave a review for ColorHub
Framer — Launch websites with enterprise needs at startup speeds.
Launch websites with enterprise needs at startup speeds.
Promoted
So simple, exactly what I need. I am not a design person so having an app that allows me to simply select a palette that looks but but ALSO give me great hints as to how I could colourize my site with the palette is just great.
@backseatdev that’s fantastic, Sam! I’m really happy it can help you out. Be sure to follow me or ColorHubHQ on Twitter for feature updates 😀
Report
@danielcranney Thanks I will! I will be using the tool heavily in me next major update to FlowLink which I just launched!
Report
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!
Report
Excellent little tool, Dan! Congrats on the launch!
@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!
Report
Great Job Dan.
Perfectly working as you have describe. Best wishes to your hunt.
@gtarafdar thank you so much Gtobinda! You can follow the ColorHub Twitter account to see new features as I am developing it all the time. Thanks again!
Report
A great opportunity to find a color palette for your project
ColorHub
ColorHub
ColorHub
ColorHub
ColorHub
ColorHub
devtooly
ColorHub