Keyboard lighting colors

keyboard

#1

hey there,
call me nerd, pedant, nitpicker, I don’t care, but I need to know the exact hex numbers of the keyboard backlight so I can match it to the windows accent color.
Yeah, first world problems, but I am shure that there are more out there desperatly trying to find the fitting color.

humbly imploring for help!:pensive:


#2

Well all the colours are cool colours.


#3

If I remember correctly (it’s been a while since I was hyped and drooling over the V, and I am one of the unfortunate many who still doesn’t have one), the keyboard has 8 RGB colours (anyone who owns a V, feel free to correct me).
This means that they are using 1 bit per colour channel (either off or on), so each RGB channel can either be 0 or 255 (0 to FF) on a standard 8-bit colour system.

So keyboard colours should be:

(primary)
Red: FF0000
Green: 00FF00
Blue: 0000FF

(secondary)
Yellow: FFFF00
Cyan: 00FFFF
Magenta: FF00FF

(shades)
Black: 000000
White: FFFFFF

Hope this helps a wonderfully co-ordinated colour theme for you :3


#4

Impressive, but please give some “how to apply” hints for us dummies :thinking:


#5

Colours on screens and stuff use a combination of red, green, and blue (RGB) light, mirroring the red green and blue receptors in the human eye. When they’re all off, you get black. All on, you get white. Most of the time, you will have 8-bit colour, where the brightness of each colour channel is set to an 8-digit binary number, allowing for 256 brightnesses or intensities for each channel of R, G, and B. You’ve probably seen this when playing around with colours on a computer, where you can set the red green and blue channels to different values between 0 and 255. The number for the red channel controls how red the colour is, and so on for green and blue. The more one of these numbers is larger than the others, the more the final colour is like that channel with the large value (so small value for green and blue, but big value for red will give a very red colour). The more similar the values are, the more pale the colour is. The bigger the numbers, the brighter.

(getting closer to explaining hex colours, bare with me)

There are a few different ways to represent the colours, typically using decimal (base 10, the number system we’re all familiar with, with the digits resetting back to 0 after getting to 9, and the next digit increasing). This is usually done by either having red = [a number], green = [a number], blue = [a number], where the number corresponds to the intensity or brightness of that channel. Sometimes it’s just done using R G and B, sometimes with a colon ( : ) rather than an equals sign ( = ). Sometimes the channel labels are omitted, and you just get a list of the intensities of each channel inside brackets, such as (200, 100, 225) which would be quite a bit of red (200), a bit of green (100) and a bit extra blue (225), resulting in an unsaturated violet.

Hex codes for colour uses a similar principle to the list of numbers outlines above, but omits the commas and the brackets, and uses hexadecimal (base 16) rather than decimal, because each digit in decimal is worth 4-bits and a 2-digit hex number has exactly the same range as the 8-bit numbers used for most colour systems. The first 2 digits represent the red intensity, the second 2 digits represent the green intensity, and the final 2 digits represent the blue intensity (always remember RGB, and you’ll know the order).

Now, I’m sure you’re thinking
“hang on, we only have 10 numbers (0-9), how can we have a number system where each digit can go up to 15 before resetting to zero and incrementing the next digit?”
and
“What are with those F’s in the codes. Aren’t they supposed to be numbers? ‘F’ isn’t a number”

The secret to hexadecimal is that rather than using just [0, 1, 2, 3, 4, 5, 6, 7, 8, 9], is starts using letters after the number 9, resulting in the digits being [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F], with A being 10, C being 12, F being 16, etc. Just as the number 99 is the largest value which can be represented with decimal, FF is the largest number which can be represented by 2 hex digits, which corresponds to a decimal value of 255; the largest possible 8-bit number and the brightest brightness of a colour channel in standard 8-bit colour.

Red, Green, and Blue can mix to make any colour, all that matters is the proportions.
Good things to keep in mind is that the bigger the values, the brighter or lighter the colour.
The more similar the 3 channel values, the paler the colour (if they’re the same, you get grey, black, or white).
Conversely, the more different they are, the more saturated or vibrant the colour.
Red + Green = Yellow
Green + Blue = Cyan
Blue + Red = Magenta
Red + Green + Blue = White

Ignoring dimming the keyboard (which will universally reduce every channel value by a constant factor, so half brightness means halving the brightness of every channel) the V keyboard basically has each channel being on or off, so the value will either be 0 (00, off) or 255 (FF, fully on). Just add a 00 if the channel is off, and an FF if the channel is on to get the hex code of the keyboard colour.
So if for some reason you chose yellow backlight, that would require the red channel to be on (FF), the green channel to be on (FF), and the blue channel to be off (00). Putting it all together, RGB-wise, gets you the hex code FF-FF-00 or as the computer prefers, FFFF00.


#6

Well, that became a giant wall of text with excessive detail.

tl;dr: first 2 digits of colour hex code is red brightness from 0 (00) to 255 (FF) written in hex rather than in decimal, the second 2 digits are the green intensity, and the final 2 digits are the blue intensity.

RRGGBB. Just remember each channel gets a 2-digit hex number from 00 to FF, and they’re listed RGB-wise, and you shan’t go wrong :slight_smile:


#7

Sneaky way of earning 2 likes @IsaacB :stuck_out_tongue:
Nothing new for me but well explained in detail and tldr version :smiley:


#8

Agreed. Have a like!


#9

Glad I could help :smiley:
And thanks for the likes :wink:


#10

He got one more from me :joy:


#11

And now the basic “we are dummies” question: “Where do we enter these codes” :thinking:


#12

I know where to put colours into Photoshop, Paint, and Google, but not sure about Windows Colour theme :stuck_out_tongue:
I will investigate. I do like some RGB colour coordination n.n


#13

Personalise -> Colours (on the right) -> Custom Colours (below the Windows colours)
This will open the colour dialogue, giving you the typical colour selection box and slider for hue, saturation and brightness.
Then click the “More” option which expands the colour value selector. You can enter each channel intensity individually in decimal, or enter the hex code after # in the box immediately under the “more” button you just pressed.

Though it doesn’t like all colours, so you may need to tone down the saturation a bit rather than the pure colour of your keyboard (like a blue keyboard with blue-grey rather then pure blue theme)


#14

When one sees a big fish he’ll ask around to find proper catching gear.
But he may very well ignore how much effort is going into making a proper catching gear :roll_eyes:.
Thank you for all this work, it is really appreciated :star_struck:


#15

I’m all about sharing the knowledge :slight_smile:

And I’ve been lurking on this forum for a while, so I figure I should contribute :stuck_out_tongue: It’s a great place, and I don’t want it to fade away and die, or become completely toxic because the production side of Eve suffered some major obstacles.