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!
AssemblyAI — Build voice AI apps with a single API
Build voice AI apps with a single API
Promoted
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
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!
Report
Excellent little tool, Dan! Congrats on the launch!
ColorHub
ColorHub
ColorHub
ColorHub
thinl.ink
ColorHub
ColorHub
KaraboAI
ColorHub