Simple ways to learn web designing colour codes
Are there any ways to study all the colour codes used for web designing and keep it in mind with simple tips? I want to know if there are some websites that help to learn the colour codes easily.
Are there any ways to study all the colour codes used for web designing and keep it in mind with simple tips? I want to know if there are some websites that help to learn the colour codes easily.
Megan posted this at 15:59 — 17th December 2006.
She has: 11,421 posts
Joined: Jun 1999
You want to memorize colour codes, is that it? You really don't need to. After awhile you'll get to know some of the common ones (like black, white red etc.), but otherwise you would probably copy and paste from your graphics program or colour tool.
Megan
Connect with us on Facebook!
Arch posted this at 16:09 — 17th December 2006.
They have: 31 posts
Joined: Sep 2006
I guess you could print out a RGB color chart (you can google those charts) as a cheat sheet. Eventually you could learn the values of the colors.
Roo posted this at 19:11 — 17th December 2006.
She has: 840 posts
Joined: Apr 1999
Download this program - Color Schemer. Launch this nifty little utility, grab a color from the screen and paste it in! It also shows you color harmonies.
You'd need a really good memory to remember a lot of hex codes!
Roo
andy206uk posted this at 12:46 — 18th December 2006.
He has: 1,758 posts
Joined: Jul 2002
I know black, white and a lot of grey tones off by heart, but that's just because I use them a lot in general web design and I've been doing it for a long time (8 years now!). You'll find when you do a lot of web design, you'll start remembering the odd hex code here and there - it just comes with experience. Don't rush it, there's really no need.
Andy
LenBradshaw posted this at 19:07 — 22nd December 2006.
He has: 36 posts
Joined: Nov 2006
There are so many neat little color coder systems out there. I recently bought one called "Color Schemer Studio." It didn't cost too much and you can actually match web colors.
The Coder posted this at 20:39 — 23rd December 2006.
He has: 71 posts
Joined: Nov 2006
i would recommend u to use rgb codes which are much easier to under stand and remember.....
if u dont know whats the logic then here is an example
RED: rgb(255,0,0)
Green: rgb(0,255,0)
blue: rgb(0,0,255)
white: rgb(255,255,255)
black: rgb(0,0,0)
and for other colors u just need to change the proportions of red blue and green colors
and each color can range from 0 to 255.....
some old browsers dont understand some rgb so u can easily convert them to hex... all u need to do is learn how to make the conversions...
Megan posted this at 15:44 — 27th December 2006.
She has: 11,421 posts
Joined: Jun 1999
That's really no different from hex though.
Red: FF0000
Greeen: 00FF00
Blue: 0000FF
White: FFFFFF
black: 000000
I don't think there's a huge advantage in using one method over the other. Most people do use hex, which means it might be a little easier for others to work with your CSS (some may not be familiar with RGB). It's also a lot easier to transfer a hex code over from your graphics program. That's one field - copy and paste, rather than having to copy & paste three fields for each colour. That could get tedious if you have to do it a lot.
Megan
Connect with us on Facebook!
The Coder posted this at 20:44 — 23rd December 2006.
He has: 71 posts
Joined: Nov 2006
and if yu have calculator like casio ms 570 then u can use it to make conversions... if u want to learn how to use the calculator then reply...
The Coder posted this at 20:47 — 23rd December 2006.
He has: 71 posts
Joined: Nov 2006
addition: calculators of later models than ms 570 can also be used
andy206uk posted this at 14:48 — 24th December 2006.
He has: 1,758 posts
Joined: Jul 2002
Personally, I wouldn't recommend using RGB in CSS if you're trying to keep file sizes down (one of the main reasons to use CSS).
Compare:
RGB white: rgb(255,255,255) (16 characters)
Hex white: #fff (4 characters or 7 characters if you use the full code - #ffffff)
A lot of people aren't that fussy about file sizes in this modern world of broadband download speeds, but I think we should all make an effort to save every byte possible as it reduces load on the server, page load times and makes the internet faster for everyone. By that's just my personal opinion, feel free to ignore it if you like.
Andy
The Coder posted this at 15:13 — 27th December 2006.
He has: 71 posts
Joined: Nov 2006
i some how agree that file size should be kept in mind but i don't think we need to even scale in bytes... you know, a very small picture has a size that would be as big as to be more than than all the color codes on a site... furthermore these days css is used.... it does not require the color codes to written again and again.... therefore the factor of size goes out..... how ever the real advantage of hexa is that it is very well understood by all the browsers....
The Coder posted this at 16:34 — 27th December 2006.
He has: 71 posts
Joined: Nov 2006
yaa that is wat i was saying..... in hexa when we use #FF00FF, the first two characters, here "FF" stand for the value of red, the second two characters, here "00" stand for the value of green and like wise the last two stand for the value of blue....
therfore #FF00FF = rgb(255,0,255) and will be thus a color that is a mixture of red and blue.... varying the values of colors from 0 to 255 vary the intensity of that color in the overall color that results....
now what does FF 00 mean
hexa as we under stand from its name is means six... therefore there are six characters two for each namely red blue and green in sequence....
in hexa numbering system we have the advantage that a number of 3 characters in decimal numbering system can be represented in two characters in hexa system..... the conversion system used it that instead of repletion of sequence after 10 numbers the repetition occurs after 16 number. see below
in decimal system we have (000,001,002,003,004,005,006,007,008,009,010,011.......255)
in hexa we have(00,01,02,03,04,05,06,07,08,09,0A,0B,0C,0D,0E,0F,10.....FF)
therefore the equalent of A in hexa is 10 in decimal... and equivalent of 10 in hexa is 16 and FF in hexa is equal to 255 in decimal... and so on.... these conversions need not to be remember by heart as the window's calculator can make these conversions in a click....
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.