Hello and welcome to this tutorial brought to you by Adobenicnacs and this one I wanted to have a bit of a look at Hexadecimal specifically the colour side of it. So, not with front scientific computer, binary, fancy stuff like that which is too complicated and just how it relates and works with color.
So, what is Hexadecimal for color do? Well, in terms of color hexadecimal gives us a string of characters to represent each and every color your computer can show. For example, this is a hexadecimal string, the hatchet tells us the person is looking at the hexadecimal, that it is hexadecimal and its not actually required, it’s just useful to know when you’re looking at some random characters, that it is actually a hexadecimal value and in the rest of this is a hexadecimal code which represents a dark pink color, this one have represented dark pink color, slightly similar to this one here.
So, how can we use hexadecimal to write down any color we want without find a color hexadecimal value. So, this is how it works hexadecimal is broken down into as you can see here six characters and we’re going to fill out this characters here being one number here, one number here, so two characters per cell, one character here, one character here, one character here, one character here. So, two characters per cell or box or whatever you want to call them.
So, how do we fill this in. Well, we fill them in with a number or letter between zero and nine and eight through S and the way we could fill this in is each these numbers represent something. Let’s me just briefly tell you something, the R and Gs and the Bs stand for a colors, your typical computer colors and the way light works, basically is the light — when you’re mixing colors on the computer, it’s similar to mixing colors with light as oppose to mixing colors with paint just so we know that. So, we have red, green and blue and these are the three primary colors in terms of light or computer unless your computer is displaying light and they’re pretty the same if you can see.
So, we have to fill each of this with a number. So, I’m just going to focus on the first number in here, forget the second number in here or any of these number just the first one. It’ll be either 0, 1,2,3,4, 5, 6, 7, 8, 9 or A, or B or C, or D, or E, or, F any one of these. So, let’s first go back to paint even though we’re mixing paints. Let’s think about paint for second. Let’s say I have a photo red paint and the amount of paint I’m going to use going to be represented by this number. If I put to zero in there, that representing using zero percent of my pole paint. If I put an F in there, it’s going to represent using a 100% of the amount of paint I have in that pole. If I use numbers like seven or eight in there, it’s going to be representing having half of that and you can see how it works, so it will be about 25% etcetera.
So, I’ve got a part of paint for each of my values there imagine like that. So, we got our first number, we could fill it with a number, our second one is another percentage of the amount of paint we have, etcetera, etcetera, etcetera.
Now, we can mix the percentage of paint we’re going to be using, but now let’s turn that paint into light. Imagine I got a part of light, so we’re going to now put percentage of that part of light, imagine this is possible obviously into here. Into each of these and then at the end of it, we mix the amount so that we have together. So, if we put zero, zero, zero, zero, zero, zero in here that’s going to say out of our first part of red light, you haven't use none of it. Second part of red light which is none of it, first part of green paint, we’ve used none of it etcetera, etcetera, etcetera you can see how it's going. So, we’ve used absolutely none of the light we have and how various different parts of color.
So, when you mix no light or when you have no light all together, in case use a black, as you can see inside this nicely blue outline box. Which we can't see because background is black, but trust me if the background is white, that will be black. However, if we fill these values with FF, FF, FF we’re using all of the available paint we have, so first part of light it’s all the same until we come to mixing.
So, let’s go back to light, we’re going to be using all of our first part of line top here, all of our second part of red light up here etcetera. So, we’ve used all of the available light we have and when you mix all the light together, when you’re dealing with light, you get a white. So, you’re mixing all of the colors together we get a white. And we can mix a variety of different numbers and characters here to create a variety of different colors. I know it’s going to be hard for you to get, but you may have to look at this a few times, but hopefully and eventually you should get it.
So, that’s how we filled in this value here 007700. So, what is this saying is we’ve got a three parts of light, we’re using none of it either and we’ve got a two part of blue light and we’re using none of it either. But, we have some green light and our first part of green light, we’re using about half of it and our second for the green light, we’re using about half of it. When this is put together sort of color you get this.
Now, when you think hang on–either you used half of it, you would expect to get a lighter color of green. Doesn’t work like that, I don’t know why that’s just how it works. The reason I don’t know why is because I’m not using it to put it simply because what I’m trying to teach you here today is what you need to know to put together colors. I’m not trying to teach you how it works and why it works, just what you need to know to be able to find how hexadecimal or write down hexadecimal for colors. Well, not really to find out how, but just writing down a hexadecimal for color.
So let’s have another example. Let’s ay I put 55, so we’re using up a percentage of our red light, so our first part of red light, we’re using 30% of our red paint 30% again over here. For the green one, we’re going to be using none of our green. I’m going to be using a part 50% of our blue and when you mix red and blue together, you obviously get purple and that’s basically how it works.
So, you could see, if you wanted to create a purple, you can mix red together and blue together and you will get a purple color. So, it’s really not that difficult once you understand it.
So, let’s say you needed to tell someone who is making a design for you, you won’t need the color of the background to be a certain shade of blue and the best way to scroll in htat is a powder blue, but that’s not really that scripted. Well, if you use hexadecimal, you can tell in the exact shade of blue you wanted.
Just fill in the value you want and that what they call that color. So, instead of having to have a rough guess of what color you want, instead of telling of people what color you want and then having to have a rough guess at it, you can know exactly 100 % what shade is because the hexadecimal system is used throughout globally, universally and it’s basically, very easy why I’m telling people exactly what color you’re on about.
Okay how is hexadecimal written? Well, I’ve already spoken about that already. You write down the numbers you want with the hash at the start, so people know it’s a hexadecimal.
So, let’s see if we can apply this into Photoshop and with any application that support hexadecimal. So, let’s say we have created a selection which we are going to fill. We open up our color picker because, you can see at the bottom here, we have a hash symbol and we can actually fill in a value here and when we pick out a color, it feels in the value here, so you could copy and paste this color and send it to someone who you need to know the exact shade.
Let’s fill in our value here, it was B0,E0, E6, because my memory is very bad I’ll take you in. E6 and this is we have a powder blue color, so you can see it worked, brilliant and I press okay and fill it in and on the basis your document isn’t in gray scale mode just what it happens to be which is kind of annoying and there you go, that is basically hexadecimal or the color side of it. I won’t be surprise if you have to go to view about 10 times before you’ll actually understand it and I haven't really said this before, but I wish you the best and luck in understanding it I probably haven’t made the best description, but I’ve done my utmost best.
So, I hope you’ve enjoyed this tutorial and let’s get to the end of this PowerPoint, let’s not lock it now. Okay, I hope you enjoyed this video, please comment, rate and subscribe if you don’t know already I’m trying to get a hundred subscribers before September and I have over75 of the current time, so that means only 25 more. So, if you haven’t subscribed already and you want quick access to my videos straight on your home page as soon as they come out, all my new ones, remember it will be straight on your home page with out having to check my channel, brilliant, subscribe, but other than that, as I’ve said already thank you very much watching.
Comments