▲ 80 points
back
116 comments
> In Cellpond, I handpicked hexadecimal values for each channel so that the resultant colours would better fit my app's theme and needs.
Well, this is an admission that trying to balance "wiggle room" without too much "fussing" with 1000 colors didn't really work.
Evenly sampled in rgb space, a 1000 color palette yields neither enough flexibility (especially in the blacks, greys, whites), nor enough constraint to really make it dead simple.
For app development at least -- choose 20 gradations of blackish to whiteish; 8 gradations of an accent color and so too for a couple of secondary colors...and you're good. That's like 48 colors instead of 1000.
author here. i got all my fussing out the way so that i could enjoy it after that
Whenever I needed a color for something digital (website, ...) I would use the Pantone color picker in Photoshop. It had multiple lists of colors (some more vivid, some muted, some thematic - only reds) and I would browse the color I wanted to pick a suitable shade.
I didn't need the Pantone aspect specifically (real world printing), these were strictly digital uses, but I found browsing shade lists much better than trying to use a regular analog color picker (RGB, HSV, ...). Maybe because you see a large color swatch, maybe because seeing 10 different shades at once is and choosing is faster then randomly moving the mouse through the analog picker.
Screenshot: https://www.pinterest.com/pin/how-to-find-and-add-pantone-co...
This is why I like the web colours list - there's usually something close enough to what I want that helps avoid the combination cognitive trap of a colour picker and choice paralysis.
We already have 3-digit hex colors, e.g. #fff is white.
I don't see the point of using decimals here. You only lose resolution.
author here. i find it hard to count with letters
Dang, given all the cool visual work on your website I absolutely would not have expected that. Always good to be reminded how disparate we all are from one another.
Makes me grateful I got my mom to sign that waiver to let me get on Neopets, I don't even see the hex code anymore, I just see marigold, umber, vermilion.
If one works with shaders, you get the best of both worlds just by dividing by 10:
vec3 color = vec3(1.0, 0.3, 0.9);
I get the concept, but I have a feeling this might not be any more comprehensible when picking a colour than other additive colour codes with a fixed range and components.
It would be neat if you could express colours as a mix of arbitrary base colours, kind of like you’re mixing it on a paint palette. (ROYGBIVWK maybe? K being Key/blacK)
r2b1 gets you a deep reddish purple, but if you want it to be lighter you just keep adding white, r2b1w1, r2b1w2 etc. You can just focus on chroma, and mix in white/black to futz with the saturation/lightness. I feel like that’s a bit more like the way people talk about colours. (Pale yellowish-green = y1g2w2, dark blueish-grey = b1w2k4)
The way paint colours blend gets a bit complex compared to mathematically perfect RGB light sources, and there’s obviously MANY ways to represent the exact same colour, so not a silver bullet by any means.
I think that's a really fun idea and I'd love to see it if you do it :)
One thought is maybe you don't need the numbers? Like for n<=2 they're redundant anyway, and maybe it's good to discourage ratios that are more complex by making them longer lexically.
eg reddish purple is just rrb, and dark blueish-grey is bwwkkkk – I kinda like how that reads
author here. there are other ways to pick colours, yes
https://en.wikipedia.org/wiki/Web_colors#Web-safe_colors
Macromedia Flash taught me this in the early 2000s...
reminds me that there's built in color names in CSS. I use them extensively and I think this is what the OP is getting at? Not overthinking it. cornsilk and tomato are two of my favorites.
https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/V...
or you could use 3-digit octal (so 000-777) for a 512 color palette, which arguably would be even more simple. as a bonus you can use it to color file permissions :)
author here. counting to 7 is unintuitive for me
I feel like I kind of get the spirit that this is done in, but it’s just not for me. Abstracting away from the existing 6 digit hex color codes just seems like extra work, even though it’s presented as ‘simplifying.’ It may just be too late for me - I’ve already learned how to express color sufficiently by mixing 256 levels of R, G, and B - it’s not useful to relearn how to abstract that to mixing 10 levels of the same, in a less exact less prescriptive manner.
I AM genuinely glad this person is having fun with the little world they’re creating, and that they’re bothering to share it.
"I AM genuinely glad this person is having fun with the little world they’re creating, and that they’re bothering to share it."
What's with the ridiculous condescension?
I'm also glad that little person you typed your little comments with your fingers! That you created such a fun little comment! And that you shared it with us. Wowie! Good job.
author here. it's not about learning to express colour sufficiently
The site doesn't explain--what's the actual point of this? If we are seriously concerned about characters (which is generally silly in a gzipped CSS) why not just use 3-char hex like #a5c?
Avoiding analysis paralysis, making it more intuitive to manually write colors. But yeah, there doesn't seem to be any advantage over the well-established #ABC format than decimal digits being easier to non-techies.
No, TFA does very deliberately and openly explain what the goal/justification is:
> Splash colours can help you avoid decision paralysis when picking colours. It's an emotional tool that stops you fussing around— trying to pick the "perfect" colour … It also means the user can deal with discrete / individual colour values in the drag-and-drop user interface. They don't have to deal with large numbers at all. Only one to nine
author here. the site does explain that
The point is to prove that one xkcd comic
More art than spec. I can dig it.
I have always appreciated the concept of thinking of colors as a cube (even though I now view them as triangles or weird pyramid things). Thinking of cubes as a 10x10x10 cube composed of 1000 smaller cubes is another mental model I've returned to often. I actually kinda like this for hacking on stuff like terminal colors.
Isn't this just RGB, with 246 of the 256 values removed from each channel?
The point is that quantizing the range makes it easier for humans to choose colors. But there's already the #ABC hex format, which while less intuitive to non-techies has the huge advantage of being well-established.
My other question here is, are "R", "G", and "B" channels the best way to reason about color? Isn't HSV more intuitive?
It's rgb with 3.3 bits per channel, basically 10 bit per pixel color (256 colors is 8bpp).
One could argue that it's RGB with 10 of the 256 values selected from each channel.
author here. yes
As somebody who works in the coatings industry and is aware of the extremely complex field of colorimetry this horrifies me.
Although it's not such a mean comment, this post would be much better if you gave some details and explained what you think the work here doesn't address, and why it's important and so on.
hThis is in the site guidelines: "Please respond to the strongest plausible interpretation of what someone says, not a weaker one that's easier to criticize. Assume good faith."
I cherish the month I spent helping a printing press company. RGB is just the start. Heck, CYMK isn't enough for all the weird inks like neon pink, silver or UV.
author here. splash is for screens, not coatings
3⅓ bpc linear RGB sales pitch oughtta be as close as we get to selling time to a clock before the markets collapse
author here. i'm not selling anything
todepond can't stop winning
Mega Splash is the same format but with a unique curve annotation in the 4th digit. And i just made that up and its nelievsble because all encoding schemes are wonky and are extended on a per usecase basis.
This is amazing work, but I am unsure how it helps, hex-codes were doing the trick right?
author here. hex codes weren't doing the trick, no
oh berd
where are you?
then, why does 222 look blue/green and not dark gray?
> I like my colours to have a bit more blue and green in them, so I skewed everything that direction. Colours like 222 look a tiny bit bluer / greener than you'd expect. It might be hard to see but trust me, it's true babe
So it's just hex colors but... not hex
author here. yes that's it