Ohuhu Palette Generator
----------
Hey look, I am actually capable of finishing & posting something!
What can I say? Life was just too chaotic the past couple of months and something had to give. Art posts were unfortunately the easiest thing to cut. 😅
Anyway. I have managed to chip away at a few projects in between other things, and this in particular was kind of a spur-of-the-moment decision I spent most of January working on: A very basic website where you click a button (or two) and get a random assortment of Ohuhu marker colors to then use however you see fit! ✨
If you are interested in listening to me ramble about how exactly we got here, that's what the "Keep Reading" button is there for. 😉
Like My Art and Want to see more of it? Here's All My Links! ⭐️
----------
Well Sparklers, this is certainly not how I expected to start off 2025 (nor did I plan to end 2024 as silently as I did as far as art posts go), but here we are! 🤗
Quick Recap: I made a very bare-bones website that will generate palettes of randomly selected Ohuhu markers colors for you!
I've probably said this somewhere before, but it bears repeating: I've been slowly but surely chipping away at various projects behind the scenes, a couple of the bigger more involved ones being related to yes, Ohuhu markers. [And for the record, no I really didn't forget about OhuHueVember, this past November just turned out to be one of the most chaotic and busiest of my entire life, and unfortunately putting art posts on Pause was what made the most sense at the time, and then December was just naturally busy what with Christmas and Family and all.]
A few days into the New Year, while I was taking a break and scrolling social media, since I am pretty deep into the wider Ohuhu Community at this point, I saw a kind of post that I've seen a few times before: Someone asking about generating color palettes of Ohuhu markers for coloring (as in adult coloring books). Usually, the "answer" to this is to use an existing color palette generator (of which there are many) and just manually match your markers to the colors, but that's not usually as easy of a solution as people are looking for.
I think there's at least one generator out there that can tell you Copic marker (and maybe Prismacolor pencil?) matches for the colors it generates, but it hasn't quite caught up with the boom in popularity that Ohuhu has had, so instead of matching to the color itself, you'd just be trying to match to the Copic color instead, which I would argue might actually be harder to do, even with some community resources that are out there.
The point is I know in the Coloring Community, people tend to like easy solutions and there really wasn't one for this specific problem. And I've known this for a while—since the first time I saw a post asking for something like that, which was many, many months ago (maybe even a year or more), but yet for some reason this most recent, totally inconspicuous post sighting was the straw the broke the camel's back and made me finally snap:
Surely there has to be something out there were you can put in a custom list of colors and it'll randomly spit like 5 of those colors back out at you. There are all kinds of random generator tools out there, surely at least one could do something like that, couldn't it?
So down the rabbit hole I went.
There wasn't a terribly straight line that lead me here and I went back and forth to a few things a few times, so I'll just give you a list of the highlights that had the most influence in how we got to this point:
I tried just about every keyword combination I could think of for "custom palette generator," "make your own palette generator," "make random color palettes," "color randomizer," etc. Even if it wasn't terribly fancy and the absolutely barest of bones of the concept I described. No real luck there, but it's very possible I just totally missed something.
I eventually checked Flippity.net because I love their Flippity Manipulatives tool (for digital Mini-Magnets), and their "Flippity Randomizer" would have worked except it has a very strong default color palette for what the final randomizer looks like. While it still would have been totally functional otherwise, I know the strong color mistmatch could very well be a dealbreaker for some people to not want to use it at all. (And, to be fair, the final Flippity links tend to be...long and suspicious looking if you've never seen one before.) You can use images with the Flippity Randomizer, but the thought of having to make 300+ separate small image files that would also need to include the color names and numbers directly in the image and then also put them in order in a Google Sheet sounded torturously tedious (even for me), so I filed that idea away as "Plan C" and kept looking.
Flippity did give me the idea to try looking for more generalized randomizers that could be re-purposed for what I wanted since theirs' was originally for making sentences. Through that, I finally stumbled upon perchance.org
Perchance all by itself was a big step in the right direction because it's entire purchase is making your own generators and you can use existing Perchance generators as a starting point to make new ones.
So imagine my delight to learn that there have been a few color generators already made with Perchance, and buried among them even a couple of Ohuhu ones!! 😃
But you'll notice my final generator isn't running through Perchance. Suffice to say, I know just enough about coding to be a menace, but not enough that I could truly say I ever really "know" what the heck I'm doing. My "coding experience" consists of:
Messing around with CSS and Journal Skins on deviantArt, back before the Eclipse update when those were still Things™
Many half-hearted attempts to make a Blogger blog, all of which were eventually deleted and lost to time
Creating and Maintaining Fandom Wiki pages (and, within the last couple of years, a whole Wiki for my own personal use)
Relatedly, I briefly tried messing around with some code on Toyhou.se but that ended up going nowhere
Playing with a premade theme here on Tumblr to make my page look nicer
And anyone with real coding experience might gather from that list that I certainly don't have the skills to build anything from scratch, but I can generally fumble around with existing code and figure out how to change things to make the end result look the way I want. So, as I said: I know just enough to be a menace.
This means that I started off by spending a lot of time hopping back and forth between different palette generators that had already been made with Perchance and Google while trying to combine various elements I liked in a way that ran smoothly...and also trying to not "break" anything so it would run at all.
I kept hitting walls with Perchance because, as I eventually figured out, I kept finding solutions and suggestions that were for "regular" HTML coding, not Perchance's specific variety.
After some Googling, this led me to move over to Glitch.com so that I could use regular HTML code but also still see the "live" results alongside the code, which was something I really liked about Perchance (and was familiar to me from Tumblr themes).
I also thought I'd end up making posting the final site through Glitch too, but we'll get to why that didn't happen in a bit.
The primary culprit that had me switch from Perchance to Glitch was the fact that I realized the code would be so much longer and probably what would be considered "messier," and I would guess more difficult to update at a moment's notice if I had to manually type 300+ color number codes, names, and hastily-selected hex codes (just to have a visual representation of the color) in there, let alone if I decided to basically do that twice to cover both the Honolulu and Oahu lines.
I keep a few different spreadsheets for Ohuhu markers already, so I wondered if there was a way to get the code to reference something like that instead to keep the code itself "cleaner" and maybe make edits/additions to the color list easier in the long-term. And lo and behold—There is! You can, apparently, paste in "CSV" Google Sheets links in a specific way into the code and it'll look at those instead of having to type everything directly into the code itself. I did have to make three separate spreadsheets—One for Honolulu, one for Oahu, and one for Kaala—but I was able to copy and paste a lot of the information I already had in my other spreadsheets into those, so overall that was still way easier than the alternative! The catch is that, as I alluded to, there might be a way to do that using Perchance, but the results I was finding were all for regular HTML code and I really did not feel like chasing down Perchance-specific instructions. So to Glitch I went.
Moving to Glitch did have the additional bonus of me being able to paste in the widget for my Ko-fi Page, which I only thought to do because I got a Ko-fi notification in the middle of working on the code and while I was checking that, I remembered: "Hey doesn't Ko-fi have like an HTML thingy you can put on your website?" [They have two, actually!] Anyway. I got what I'd already been working on moved over to Glitch, which was most of the basic set up for the page; I was just using a placeholder list of colors from OhuHueVember so I could get the Categories and page layout taken care of first. Then I did kinda the same thing—I set up the basis for the spreadsheets I'd need using the OhuHueVember list as placeholders since I already had hex codes picked out for them and wanted to make sure the whole spreadsheet thing was actually going to work before I went any farther.
Once I did verify that method was working, I got to take a very tedious detour and actually fill out the spreadsheets with the proper information. As I said, I was able to paste in a lot of what I needed from my other spreadsheets—The number codes and names for all the colors—but it was that last piece of information I needed for each color that ended up taking the longest: The hex codes. Since I wanted to have this thing at least functional sooner rather than later, I did not have time to go through and meticulously curate matching hex codes for each color like I did for OhuHueVember, and technically I couldn't have done that even if I wanted to for the Oahu and Kaala lines since my collection is all Honolulu. So I relied mostly on quick eyedropper color-picking from swatch photos from my collection and photos/images online for the rest.
From that, I know a lot of the hex codes are not good matches, but again: The point was to get everything functional first. Especially since I was able to switch to using spreadsheets to store the information, I can always (and intend to!) go back and update the hex codes to better matches later on.
Still: Once I got all the hex codes filled out, the most basic version of the generator was in fact functional! 🎉
That by itself was super exciting and I had to spend several minutes generating palettes just because I could now...But me being me, and not always knowing when to quit when I'm excited about a project...I wanted to do more, especially now that I was working in regular HTML coding.
So I spent the next couple of days trying to figure out how to add a Filter so people could narrow down the types of palettes a little more. My very first thought was Pastel, since I know soft/pastel palettes tend to be kind of popular in coloring communities, and then I figured if I was going to do Pastel, why not include bright "Vivid" pastels and dark "Moody" ones, too? [And a little later on I ended up adding a "Neutral" filter for greys + earth tones too, just because I could.]
Getting the little dropdown button in there for the Filter wasn't actually that bad, but getting it to actually filter like it was supposed to was another story. I lost count of how many times I accidentally broke the whole generate (mostly buttons not working like they should) while trying to get the filter to cooperate with me. 🫠
I did eventually....mostly get both the filters and the marker line buttons to work at the same time after enough trial and error, though.
And originally, this was the point in the story where I had to explain that I did run into issues with having "Kaala" + "Similiar Colors" in the dropdown selected at the same time causing the generator to freeze up about 7 out of 10 times, even though everything else was working fine, and I couldn't figure out how to fix it to save my life. 🙃
But! Shortly after I started writing this description I took a procrastination break and I went back in to try and clean up some of my notes I'd left in the code to tell the different sections apart...And I couldn't help myself. I had the code in front of me, so I started fiddling with it again.
Finally I hit the right keyword search I needed and was able to find a solution that actually worked and I could mostly just copy and paste in without breaking anything else in the process! 🙌
As I had suspected, the problem mostly stemmed from the fact that there are just a lot less Kaala colors to pick from—150, vs. the over 300 for either Oahu or Honolulu. So sometimes the generator would try to pull 3-8 "Similar Colors" and it just...couldn't because there weren't 3-8 colors that fit the "Similar" range it was calling for.
So I put in a few lines that basically force it to just use whatever colors are available even if it's not the intended 3-8...This does mean (as noted in the preview image and on the site itself) now you'll sometimes get just 1-2 colors with that specific combination (Kaala + "Similar Colors") but I think that works a whole lot better than the entire page bugging out.
But so, okay! Generator is (mostly) working as intended and I even added some extra things I hadn't originally planned on—I even got really crazy and tried adding some SEO things to the code because I found a template and you hear so much about how important that is now [I can't tell if it's really working or not, but it's in there)—Great! But there was one last thing that was bothering me...
Glitch has a limit of 1000 active hours per month on a project, and that includes both hours I spend editing the code and time people spend actually using it. Logically, do I really think I need to be worried that my very basic site that will only appeal to a very niche community within a niche community will come anywhere close to actually hitting 1000 hours of activity in a month? No.
But I also know this is the internet and sometimes you post things and they get way more attention than you expect (as sort of became the case with Ohuhu markers themselves), and to be fair I have no statistics whatsoever on the kind of time people usually spend on palette websites, so I really have no way to know if 1000 active hours is even an unrealistic expectation or not, in either direction.
Between that and past experiences with "Oh, I'll worry about that limitation later when it actually proves to be a problem," I decided to look into other options that wouldn't be limited by hours, and after a cursory look around, GitHub is probably way more complicated than what I really need, but it felt like the obvious choice. At least I'd actually heard of it before!
I can't edit the code "in real time" like I can with Glitch (at least not without signing up for a subscription, I don't think), but so far I can still edit in Glitch and just copy & paste the updated code into GitHub, so that'll work for me. And it might be for the better anyway since that's another layer between my trial-and-error editing and the final site, so if I go back and try to change or add to the site in the future (which I very well might) and I accidentally break more things, it won't effect the "live" site people are actually using. 😅
I must admit I kind of want to keep toying with the site to see just how far I can push it...And it's given me some ideas for other projects, too, but I have to draw the line in the sand somewhere so people can actually use it and it's not just a private project I tinker with sometimes for all eternity 😆 😊
At least I did accomplish what I originally set out to do + a few extra things, so I don't feel like it's really "missing" anything and it should be plenty usable even if it's not totally perfect. (And I'm speaking mostly of the imperfect hex codes when I say that, for the record.)
Like I said at the beginning: This is definitely not how I expected to start the year off, but I'm really happy with the end result and I'm cautiously optimistic about where/how things might go from here.
In any case, I hope any of your Sparklers that chose to try it out like/enjoy the generator too...Or at least that you got some enjoyment out of my rambling about it here. 😆 (Which I'm assuming you have if you managed to get this far....)
The Ko-fi widget is there on the final site, but I would like to get better at promoting myself and my work so it bears repeating: If you do like the generator and feel like sending a little monetary support my way, my Ko-fi Page has a few different ways you can do that. And if it means anything to anyone: My Ko-fi Supporters got a little early preview of the generator before today and if I add anything to it in the future, they'll probably get an early look at that too. 😉
I think that's going to do it for me here today, though. It's been a while since I made a "big" public post so I have to go get re-acquainted with my cross-posting process...Which I'm not really looking forward to, but oh well—has to be done!
I look forward to seeing you Sparklers again (hopefully) very soon...! 👋
----------
Website created by me, MysticSparklewings
The Generator/Website is not officially affiliated with or sponsored by Ohuhu
----------
⭐️ Like My Art and Want to see more of it? Here's All My Links! ⭐️
