Brief hex tutorial.

Subject: Brief hex tutorial.
Author: Neshomeh
Posted on: 2015-10-20 20:46:00 UTC

So, basically, a hexadecimal color is composed of three hues: Red, Green, and Blue. Each hue is assigned a value between 00 and FF, where 00 is darkest and FF is brightest. #FF0000 is pure bright red, #00FF00 is pure bright green, and #0000FF is pure bright blue. If R, G, and B are all 00 (#000000), you get black; if they're all FF (#FFFFFF), you get white. If they all have an equal value somewhere in between, you get a shade of gray. By mixing them up, you get different colors.

Counting in hexadecimal goes like this: 00, 01, 02, 03, 04, 05, 06, 07, 08, 09, 0A, 0B, 0C, 0D, 0E, 0F, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 1A, 1B, 1C, 1D, 1E, 1F, 20, etc.

So, #FF0000 is the brightest possible shade of red. If I want to make it just a hair darker, I can lower the value to #FE0000; this results in a barely discernible difference. Dropping a whole tens-place to #EF0000 is a much bigger change—a difference of sixteen, if I'm not much mistaken.

To darken a more complicated color, you just have to reduce all three hues by the same amount. So, say I've got Light Salmon: #FFA07A. The least I can darken it gives me #FE9F79. That's hardly a difference at all, so maybe I'll try reducing the brightness by five and come up with #FA9B75. But heck, that's still pretty light. Let's go as far as we can while still keeping the hue somewhat recognizable: #852600. That's as far as it can go because Blue is at its lowest possible value. If I change the others at this point, they won't retain the same balance.

And if that makes any sense at all, you can now alter any hex value you like with total precision. {= D But I'm not convinced I'm not rambling incoherently, so let me know if I can clarify anything.

Fun fact: hex colors are made of light, not pigment, so mixing them doesn't work the way it does with paints. Since the three primary hues are Red, Blue, and Green, the secondaries are as follows:

Red + Green = Yellow
Red + Blue = Magenta
Green + Blue = Cyan

That may or may not be helpful, but it's kinda fun. {= )

~Neshomeh

Reply Return to messages

Jump to this post's position in the thread ↴

Historical re-post: Miah's Anime RP! by doctorlit on 2015-10-18 15:36:00 UTC Reply

I have delved deep into Huinesoron's giant Excel spreadsheets and put the 2012 Anime RP back together into a readable form.

Don't worry. I'm not going to spam the Board with one of these posts for everything I archive. In this case, though, I would like some feedback. Does the order I've put all the posts in feel logical, or have I created time-travelling plot holes? Are the colors I've used for all the authors easy to read on the background, and different enough to tell apart without much confusion? (hS, I would especially like your feedback on this point.)

Finally, for those of you who actually participated: if there are any edits you'd like me to make to your sections of the narrative, let me know.

—doctorlit actually has an entire story in mind for what Vania did during this, but can't reveal it yet because of spoilers.

The consensus appears to be: doctorlit is incompetent. by doctorlit on 2015-10-20 06:06:00 UTC Reply

Since I've already used all the colors that looked remotely readable to me on my archive site's background, I think the best solution is going to be hosting the actual RP content on Google Docs. That way, the colors will all be on white background, and hopefully more visible as a result.

(Also, yes, good job, you all figured out I used the hardest-to-read color for my own part. I'm not doing this to toot my own horn, okay?)

hS (and anyone else color-blind that I'm not aware of): Augh. I can't believe I put the red and green ones right next to each other. I apologize for the flagrant stupidity there. I can move the colors around so the similar ones don't appear in the same scene, but do you have any suggestions for different colors I could substitute to make all the parts more easily discernible? I know, as hS pointed out, it's generally easy enough to tell who wrote what, but I'd still like to make the crediting of the writing as ~~anal-retentive~~ explicit as possible. If possible.

—doctorlit actually loathes Google Docs because of how unprofessional it looks, but keeps finding himself using it anyway because of how darn useful it is.

With GDocs... by JulyFlame on 2015-10-20 10:18:00 UTC Reply

It helps to "publish to the web", so you don't have all the Google Doc setup and such in the way.

Ah. I was not aware that was a thing. Thank you. (nm) by doctorlit on 2015-10-20 14:39:00 UTC Reply

You can find it in the sharing options menu. =] (nm) by Scapegrace on 2015-10-20 17:48:00 UTC Reply

This is the handy thing about a backdated agent... by Scapegrace on 2015-10-18 19:18:00 UTC Reply

---

Wobbles looked at the footage.

Then she looked at the A/V Division's assortment of cameramen, lighting techs, directors, producers, editors, and sundry others.

Then she looked back at the episode of Pretty Pretty Magical Wobbles XV: Bravest Adventure!!

"Let's just never speak of this again."
Non-colorblind eye check by Iximaz on 2015-10-18 16:28:00 UTC Reply

Most of the text is easy enough to read, but Tungsten Monk, doctorlit, and firemagic (the yellow, light blue, and light purple) made it very hard, and I found my eyes just kind of sliding past all the words. Like, to the point where I couldn't read all the way through. :(

Seconding. by Neshomeh on 2015-10-19 03:31:00 UTC Reply

Shattered Sanity's is also a little too bright and contrast-y for my eyes.

~Neshomeh, still alive, not dead, etc.
My thoughts by [EvilAI]UBEROverlord on 2015-10-18 17:03:00 UTC Reply

The only one I found difficult to read was doctorlit. The light blue just does not provide enough contrast. The others for me were tolerable, though I would say that LunarHuntress gets a bit difficult to read. You might want to consider changing Lily Winterwood as well. Seeing as that color is very similar to the background I got.
Agreed. by Desdendelle on 2015-10-18 16:45:00 UTC Reply

Those are all very hard to read against the beige-ish background.

Colourblind eye check: by Huinesoron on 2015-10-18 16:18:00 UTC Reply

-Sergio and Cyba look pretty identical, as do firemagic and SeaTurtle.

-More generally, if you asked me to guess which of (Sergio, Cyba, and Sevenswans) or (firemagic, Desdendelle, and SeaTurtle) I was looking at, the answer would be a literal guess.

-I'm not too keen on reading either Tungsten or Shattered Sanity against that background, either.

(Also, I think it's usually TungstenMonk, with an underscore.)

But, y'know, I think I could probably deduce who wrote which bits based on... who the agents are. ^~

hS

May I get your feedback again, please? by doctorlit on 2015-10-24 02:24:00 UTC Reply

I think I have all the similarish colors separated now.

Be-doop. by Huinesoron on 2015-10-24 08:11:00 UTC Reply

Ehm, I wouldn't want to guess between Sergio and Cyba. But, y'know... they have completely different agents. :D

hS

They also don't interact with each other. by doctorlit on 2015-10-24 14:35:00 UTC Reply

So I think I'm going to call this a case of

Huh. I never thought to do this. by Neshomeh on 2015-10-19 03:44:00 UTC Reply

While we're on the subject, hS, could I get your thoughts, too? I might be able to guess where you'll have trouble based on what you've told doctorlit, but, y'know. I think I use the most different colors in this log, from the Nume anniversary party RP.

Feedback from other people is also welcome. {= )

Kudos to doctorlit for prompting me to be more considerate!

~Neshomeh

Sure. by Huinesoron on 2015-10-21 15:50:00 UTC Reply

Clashes are:

-Neshdendelle.
-Desdengone68104 to some degree.
-Tungsten Wobbles.
-Tungsten Ekyl. (Though weirdly, that's not commutative - Wobbly Ekyl is fine.)

Nothing else I saw. The worst for reading are PC and doc - they both look kind of soft-focus - but neither of them are a strain.

hS, helpful or something

Tungsten Wobbles? by To The Scapemobile! on 2015-10-21 19:03:00 UTC Reply

Not W The Clown? I'm surprised at you. =]

If I wanted... by Huinesoron on 2015-10-21 19:16:00 UTC Reply

... to do something almost entirely incomprehensible, I'd do this:

Which is honestly what I should have done. ^_^

hS

PPC emoji AU. You know it makes sense. =] (nm) by To The Scapemobile! on 2015-10-22 11:53:00 UTC Reply

You asked for it... by Huinesoron on 2015-10-23 10:33:00 UTC Reply

hS

Mission 2! by Huinesoron on 2015-10-23 10:52:00 UTC Reply

(I will be genuinely impressed if anyone can follow Agent :)'s adventures. I will admit that the specific canons involved are deliberately vague.)

hS

Mission 3! by Huinesoron on 2015-10-23 11:16:00 UTC Reply

(Seriously, genuinely impressed.)

hS

Mission 4! by Huinesoron on 2015-10-23 13:59:00 UTC Reply

(I'll tip you off that that's Admiral Pansy they've been shipped off to this time.)

hS

Hmmmm... by Seafarer on 2015-10-23 23:38:00 UTC Reply

Mission 1: Agent :-) is relaxing with a book. BEEEEEEP! Oh, a Suefic. Sue seduces canon, who seems to grow an extra head... Agent :-) uses the Book of Canon to knock out the canon, then cuts off the Sue's head with scissors. Yay, back to relaxing with books. BEEEEEP! Oh no, have to go see the Flowers.
Mission 2: Is that the Sunflower Official transferring :-) to Bad Slash? Hm. Oh well. Back to internets... BEEEEEP! OMG, femslash! Canons giving each other gifts, fine. Wait what. Are they... flirting? Uh. I really don't want to see this! Time for the Book of Canon again! Boom, exorcised. Time for fun again! Except... dammit, have to see the Flowers again.
Mission 3: Off to the Bonsai Mallorn (seriously, why is the Sunflower Official doing Sod's job?) Canon loves hospital, canon loves mountain. Uh-oh, there's a tidal wave! Oh, okay, Castiel's saved the day! Thank you, Cas! Let's go to a desert island! This makes :-) very cross, so he burns all the non-canon locations to the ground. :-) is getting stressed by his sucky job - even internets can't cheer him up. And then... Sigh. Back to see the Flowers.
Mission 4: SO sends :-) to Admiral Pansy (thanks for the hint, hS). Back to the RC... BEEEEEEEEEEEEEEEEEEEEEEEEEEEEP!!!!!!! Okay, Bad Parody. Yay, the canons are in love. Wait, what. Monkeys? Canons and Agent :-) are sad. And now there's an alien, which causes the canons to split up? Yeah, so Agent :-) blows up the monkeys and alien, so they go up in flames! Back to the RC. Then, well, back to see the SO...

(how did i do do i get a prize)

Spot on! by Huinesoron on 2015-10-24 08:38:00 UTC Reply

(Well, the 'extra head' was a second canon getting dragged in, but apart from that...)

The SO is doing the Marquis' job because a) he's recognisable, b) :) was in the DMS to start with, so he's their department head, and c) the set I'm using doesn't have a daisy emoji. ^_^

(I have about a dozen department heads lined up. Will :) ever find a job they can do properly? ... don't count on it.)

hS

I like the end of Mission 3. by Seafarer on 2015-10-24 22:20:00 UTC Reply

It's a great representation of the Ironic Overpower at work. Stress, stress... phew, dodged a bullet... BEEEEEEEEEEEEEP! ^_^ love it!
I look forward to :)'s continuing misadventures with relish. (nm by To The Scapemobile! on 2015-10-24 10:32:00 UTC Reply

Oops, got :)'s name wrong... (nm) by Seafarer on 2015-10-24 02:36:00 UTC Reply

Well, if I had to hazard a guess... by To The Scapemobile! on 2015-10-23 13:11:00 UTC Reply

Mission one seems like a fairly classic mission: Aragorn X Legolas X Sue. Mostly the tree, the implied character death, and the explicit decapitation. The others I am less sure of.

Also, does this mean Agent :) needs a wiki page now? =]

Only if I can write the page in emoji too. :D (nm) by Huinesoron on 2015-10-23 13:17:00 UTC Reply

I say go for it. (And email me back!) (nm) by JulyFlame on 2015-10-23 14:37:00 UTC Reply

Enthusiastically seconded! Do the thing, hS! =] (nm) by To The Scapemobile! on 2015-10-23 16:37:00 UTC Reply

For the record, I can see them all just fine. >.> by doctorlit on 2015-10-20 06:16:00 UTC Reply

Between this, and the fact that I have decent night vision, I believe I may have some kind of . . . above average vision!

—doctorlit will now be muscled away into some kind of secret testing facility now.

Also, by Neshomeh on 2015-10-20 15:19:00 UTC Reply

Your monitor might be less bright, too. Which is another really good reason to get feedback about this sort of thing. My old laptop's monitor got so terrible I had no business even thinking about colors while using it... and yet I did. >.> I revised a whole bunch when I switched to the new one.

BTW, I don't know if you're using color names or hex values, but if you're using hex, it's pretty easy to turn down the brightness while preserving the basic hue (to a certain point, anyway). Lemme know if you need/want pointers.

~Neshomeh, who learned how hex values actually work only recently despite using them for years.

Yeah, I was doing hex. by doctorlit on 2015-10-20 15:31:00 UTC Reply

Specifically, I was using this site to generate the codes for me. >.>

(doctorlit only appears to know what he's doing, you see.)

So yeah. Um. Learning to turn down brightness would be useful, please.

Brief hex tutorial. by Neshomeh on 2015-10-20 20:46:00 UTC Reply

So, basically, a hexadecimal color is composed of three hues: Red, Green, and Blue. Each hue is assigned a value between 00 and FF, where 00 is darkest and FF is brightest. #FF0000 is pure bright red, #00FF00 is pure bright green, and #0000FF is pure bright blue. If R, G, and B are all 00 (#000000), you get black; if they're all FF (#FFFFFF), you get white. If they all have an equal value somewhere in between, you get a shade of gray. By mixing them up, you get different colors.

Counting in hexadecimal goes like this: 00, 01, 02, 03, 04, 05, 06, 07, 08, 09, 0A, 0B, 0C, 0D, 0E, 0F, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 1A, 1B, 1C, 1D, 1E, 1F, 20, etc.

So, #FF0000 is the brightest possible shade of red. If I want to make it just a hair darker, I can lower the value to #FE0000; this results in a barely discernible difference. Dropping a whole tens-place to #EF0000 is a much bigger change—a difference of sixteen, if I'm not much mistaken.

To darken a more complicated color, you just have to reduce all three hues by the same amount. So, say I've got Light Salmon: #FFA07A. The least I can darken it gives me #FE9F79. That's hardly a difference at all, so maybe I'll try reducing the brightness by five and come up with #FA9B75. But heck, that's still pretty light. Let's go as far as we can while still keeping the hue somewhat recognizable: #852600. That's as far as it can go because Blue is at its lowest possible value. If I change the others at this point, they won't retain the same balance.

And if that makes any sense at all, you can now alter any hex value you like with total precision. {= D But I'm not convinced I'm not rambling incoherently, so let me know if I can clarify anything.

Fun fact: hex colors are made of light, not pigment, so mixing them doesn't work the way it does with paints. Since the three primary hues are Red, Blue, and Green, the secondaries are as follows:

Red + Green = Yellow
Red + Blue = Magenta
Green + Blue = Cyan

That may or may not be helpful, but it's kinda fun. {= )

~Neshomeh

"Brief Hex Tutorial"? R U A WIZARD? =] (nm) by To The Scapemobile! on 2015-10-21 10:27:00 UTC Reply
Thank you for this! by doctorlit on 2015-10-20 21:04:00 UTC Reply

I'm on my phone at work at the moment, so I will play with it when I get home.

If I don't immediately fall asleep instead.

—doctorlit does that sometimes.

From the merely competence-blind: by Scapegrace on 2015-10-19 16:59:00 UTC Reply

On the background you've got, the hardest person to read in my opinion is, uh, doctorlit. Again. What is it with that guy that makes everyone break out the garish colours?

Also, I'd like to take this opportunity to apologise to everyone involved in that RP for accidentally screwing with time in it. I was young and stupid, and now I am less young.

(whether or not i am less stupid i leave entirely at your discretion. =] )

Actually, erk: by Huinesoron on 2015-10-18 16:19:00 UTC Reply

The worst bit for readability is... uh... some clown called doctorlit. :P That's really doing my head in.

hS