HTML Colors – A Complete Guide

cool stuff, diy, html5, php, programming, tech remedy, Tutorials, web, web design, web development No Responses »

Dec 132011

HTML Colors

What do those html hex values for colors actually mean? Well, I intend to explain it as clearly as possible right here. HTML colors aren’t supposed to be complex or confusing. The hex values are six digits following a (#) sign. The six digits are actually 3 pairs of digits. Each pair represents either Red, Green, or Blue (RGB). The lowest value that a pair can get is 00. The highest value that a pair can get is FF. So, #000000 is the lowest RGB value possible. #00FF33 has the lowest possible value for Red (first pair), the highest possible value for Green (second pair), and the value “33″ for Blue (third pair).

Color Values

Color	Color HEX	Color RGB
	#000000	rgb(0,0,0)
	#FF0000	rgb(255,0,0)
	#00FF00	rgb(0,255,0)
	#0000FF	rgb(0,0,255)
	#FFFF00	rgb(255,255,0)
	#00FFFF	rgb(0,255,255)
	#FF00FF	rgb(255,0,255)
	#C0C0C0	rgb(192,192,192)
	#FFFFFF	rgb(255,255,255)

With all three colors allowing values from 0 to 255, there are a total of 16 Million colors. I know this isn’t anything ground breaking, but I have found that while many people are familiar with the #FFFFFF hex notation, very few actually know what the hex values mean and how to use that information to tweak colors.

Below is a nice color chart to help you find most of the hex values you’ll need for web sites:

Primary/Main/Basic Colors
000000	000033	000066	000099	0000CC	0000FF
003300	003333	003366	003399	0033CC	0033FF
006600	006633	006666	006699	0066CC	0066FF
009900	009933	009966	009999	0099CC	0099FF
00CC00	00CC33	00CC66	00CC99	00CCCC	00CCFF
*00FF00*	00FF33	00FF66	00FF99	00FFCC	00FFFF
330000	330033	330066	330099	3300CC	3300FF
333300	333333	333366	333399	3333CC	3333FF
336600	336633	336666	336699	3366CC	3366FF
339900	339933	339966	339999	3399CC	3399FF
33CC00	33CC33	33CC66	33CC99	33CCCC	33CCFF
33FF00	33FF33	33FF66	33FF99	33FFCC	33FFFF
660000	660033	660066	660099	6600CC	6600FF
663300	663333	663366	663399	6633CC	6633FF
666600	666633	666666	666699	6666CC	6666FF
669900	669933	669966	669999	6699CC	6699FF
66CC00	66CC33	66CC66	66CC99	66CCCC	66CCFF
66FF00	66FF33	66FF66	66FF99	66FFCC	66FFFF
990000	990033	990066	990099	9900CC	9900FF
993300	993333	993366	993399	9933CC	9933FF
996600	996633	996666	996699	9966CC	9966FF
999900	999933	999966	999999	9999CC	9999FF
99CC00	99CC33	99CC66	99CC99	99CCCC	99CCFF
99FF00	99FF33	99FF66	99FF99	99FFCC	99FFFF
CC0000	CC0033	CC0066	CC0099	CC00CC	CC00FF
CC3300	CC3333	CC3366	CC3399	CC33CC	CC33FF
CC6600	CC6633	CC6666	CC6699	CC66CC	CC66FF
CC9900	CC9933	CC9966	CC9999	CC99CC	CC99FF
CCCC00	CCCC33	CCCC66	CCCC99	CCCCCC	CCCCFF
CCFF00	CCFF33	CCFF66	CCFF99	CCFFCC	CCFFFF
FF0000	FF0033	FF0066	FF0099	FF00CC	FF00FF
FF3300	FF3333	FF3366	FF3399	FF33CC	FF33FF
FF6600	FF6633	FF6666	FF6699	FF66CC	FF66FF
FF9900	FF9933	FF9966	FF9999	FF99CC	FF99FF
FFCC00	FFCC33	FFCC66	FFCC99	FFCCCC	FFCCFF
FFFF00	FFFF33	FFFF66	FFFF99	FFFFCC	FFFFFF

Secondary/Mixed/Pastel Colors
FF4848	FF68DD	FF62B0	FE67EB	E469FE	D568FD	9669FE
FF7575	FF79E1	FF73B9	FE67EB	E77AFE	D97BFD	A27AFE
FF8A8A	FF86E3	FF86C2	FE8BF0	EA8DFE	DD88FD	AD8BFE
FF9797	FF97E8	FF97CB	FE98F1	ED9EFE	E29BFD	B89AFE
FFA8A8	FFACEC	FFA8D3	FEA9F3	EFA9FE	E7A9FE	C4ABFE
FFBBBB	FFACEC	FFBBDD	FFBBF7	F2BCFE	EDBEFE	D0BCFE
FFCECE	FFC8F2	FFC8E3	FFCAF9	F5CAFF	F0CBFE	DDCEFF
FFDFDF	FFDFF8	FFDFEF	FFDBFB	F9D9FF	F4DCFE	E6DBFF
FFECEC	FFEEFB	FFECF5	FFEEFD	FDF2FF	FAECFF	F1ECFF
FFF2F2	FFFEFB	FFF9FC	FFF9FE	FFFDFF	FDF9FF	FBF9FF
800080	872187	9A03FE	892EE4	3923D6	2966B8	23819C
BF00BF	BC2EBC	A827FE	9B4EE9	6755E3	2F74D0	2897B7
DB00DB	D54FD5	B445FE	A55FEB	8678E9	4985D6	2FAACE
F900F9	DD75DD	BD5CFE	AE70ED	9588EC	6094DB	44B4D5
FF4AFF	DD75DD	C269FE	AE70ED	A095EE	7BA7E1	57BCD9
FF86FF	E697E6	CD85FE	C79BF2	B0A7F1	8EB4E6	7BCAE1
FFA4FF	EAA6EA	D698FE	CEA8F4	BCB4F3	A9C5EB	8CD1E6
FFBBFF	EEBBEE	DFB0FF	DBBFF7	CBC5F5	BAD0EF	A5DBEB
FFCEFF	F0C4F0	E8C6FF	E1CAF9	D7D1F8	CEDEF4	B8E2EF
FFDFFF	F4D2F4	EFD7FF	EDDFFB	E3E0FA	E0EAF8	C9EAF3
FFECFF	F4D2F4	F9EEFF	F5EEFD	EFEDFC	EAF1FB	DBF0F7
FFF9FF	FDF9FD	FEFDFF	FEFDFF	F7F5FE	F8FBFE	EAF7FB
5757FF	62A9FF	62D0FF	06DCFB	01FCEF	03EBA6	01F33E
6A6AFF	75B4FF	75D6FF	24E0FB	1FFEF3	03F3AB	0AFE47
7979FF	86BCFF	8ADCFF	3DE4FC	5FFEF7	33FDC0	4BFE78
8C8CFF	99C7FF	99E0FF	63E9FC	74FEF8	62FDCE	72FE95
9999FF	99C7FF	A8E4FF	75ECFD	92FEF9	7DFDD7	8BFEA8
AAAAFF	A8CFFF	BBEBFF	8CEFFD	A5FEFA	8FFEDD	A3FEBA
BBBBFF	BBDAFF	CEF0FF	ACF3FD	B5FFFC	A5FEE3	B5FFC8
CACAFF	D0E6FF	D9F3FF	C0F7FE	CEFFFD	BEFEEB	CAFFD8
E1E1FF	DBEBFF	ECFAFF	C0F7FE	E1FFFE	BDFFEA	EAFFEF
EEEEFF	ECF4FF	F9FDFF	E6FCFF	F2FFFE	CFFEF0	EAFFEF
F9F9FF	F9FCFF	FDFEFF	F9FEFF	FDFFFF	F7FFFD	F9FFFB
1FCB4A	59955C	48FB0D	2DC800	59DF00	9D9D00	B6BA18
27DE55	6CA870	79FC4E	32DF00	61F200	C8C800	CDD11B
4AE371	80B584	89FC63	36F200	66FF00	DFDF00	DFE32D
7CEB98	93BF96	99FD77	52FF20	95FF4F	FFFFAA	EDEF85
93EEAA	A6CAA9	AAFD8E	6FFF44	ABFF73	FFFF84	EEF093
A4F0B7	B4D1B6	BAFEA3	8FFF6F	C0FF97	FFFF99	F2F4B3
BDF4CB	C9DECB	CAFEB8	A5FF8A	D1FFB3	FFFFB5	F5F7C4
D6F8DE	DBEADC	DDFED1	B3FF99	DFFFCA	FFFFC8	F7F9D0
E3FBE9	E9F1EA	EAFEE2	D2FFC4	E8FFD9	FFFFD7	FAFBDF
E3FBE9	F3F8F4	F1FEED	E7FFDF	F2FFEA	FFFFE3	FCFCE9
FAFEFB	FBFDFB	FDFFFD	F5FFF2	FAFFF7	FFFFFD	FDFDF0
BABA21	C8B400	DFA800	DB9900	FFB428	FF9331	FF800D
E0E04E	D9C400	F9BB00	EAA400	FFBF48	FFA04A	FF9C42
E6E671	E6CE00	FFCB2F	FFB60B	FFC65B	FFAB60	FFAC62
EAEA8A	F7DE00	FFD34F	FFBE28	FFCE73	FFBB7D	FFBD82
EEEEA2	FFE920	FFDD75	FFC848	FFD586	FFC48E	FFC895
F1F1B1	FFF06A	FFE699	FFD062	FFDEA2	FFCFA4	FFCEA2
F4F4BF	FFF284	FFECB0	FFE099	FFE6B5	FFD9B7	FFD7B3
F7F7CE	FFF7B7	FFF1C6	FFEAB7	FFEAC4	FFE1C6	FFE2C8
F9F9DD	FFF9CE	FFF5D7	FFF2D2	FFF2D9	FFEBD9	FFE6D0
FBFBE8	FFFBDF	FFFAEA	FFF9EA	FFF7E6	FFF4EA	FFF1E6
FEFEFA	FFFEF7	FFFDF7	FFFDF9	FFFDF9	FFFEFD	FFF9F4
D1D17A	C0A545	C27E3A	C47557	B05F3C	C17753	B96F6F
D7D78A	CEB86C	C98A4B	CB876D	C06A45	C98767	C48484
DBDB97	D6C485	D19C67	D29680	C87C5B	D0977B	C88E8E
E1E1A8	DECF9C	DAAF85	DAA794	CF8D72	DAAC96	D1A0A0
E9E9BE	E3D6AA	DDB791	DFB4A4	D69E87	E0BBA9	D7ACAC
EEEECE	EADFBF	E4C6A7	E6C5B9	DEB19E	E8CCBF	DDB9B9
E9E9C0	EDE4C9	E9D0B6	EBD0C7	E4C0B1	ECD5CA	E6CCCC
EEEECE	EFE7CF	EEDCC8	F0DCD5	EACDC1	F0DDD5	ECD9D9
F1F1D6	F5EFE0	F2E4D5	F5E7E2	F0DDD5	F5E8E2	F3E7E7
F5F5E2	F9F5EC	F9F3EC	F9EFEC	F5E8E2	FAF2EF	F8F1F1
FDFDF9	FDFCF9	FCF9F5	FDFAF9	FDFAF9	FCF7F5	FDFBFB
F70000	B9264F	990099	74138C	0000CE	1F88A7	4A9586
FF2626	D73E68	B300B3	8D18AB	5B5BFF”	25A0C5	5EAE9E
FF5353	DD597D	CA00CA	A41CC6	7373FF	29AFD6	74BAAC
FF7373	E37795	D900D9	BA21E0	8282FF	4FBDDD	8DC7BB
FF8E8E	E994AB	FF2DFF	CB59E8	9191FF	67C7E2	A5D3CA
FFA4A4	EDA9BC	F206FF	CB59E8	A8A8FF	8ED6EA	C0E0DA
FFB5B5	F0B9C8	FF7DFF	D881ED	B7B7FF	A6DEEE	CFE7E2
FFC8C8	F4CAD6	FFA8FF	EFCDF8	C6C6FF	C0E7F3	DCEDEA
FFEAEA	F8DAE2	FFC4FF	EFCDF8	DBDBFF	D8F0F8	E7F3F1
FFEAEA	FAE7EC	FFE3FF	F8E9FC	EEEEFF	EFF9FC	F2F9F8
FFFDFD	FEFAFB	FFFDFF	FFFFFF	FDFDFF	FAFDFE	F7FBFA

Xbox360 Dashboard Update: What Was The Point?

cool stuff, gaming, movies, news, xbox360 No Responses »

Dec 072011

I have been waiting patiently for the Xbox360 Dashboard update that promised new media channels like YouTube, Epix, UFC, etc. I was very excited about YouTube in particular. So, last night I finally got what I’ve been waiting for! The update downloaded and installed without any hiccups. After restarting, the very first thing I saw was a welcome change. You are now asked to choose your Xbox Live gamertag before loading the dashboard. That makes way more sense. The new design was pretty nice. There are some confusing UI/UX elements that I don’t like, but I’ll get into all of that in another post.

So, the next new thing I noticed kind of bugged me…all of my existing apps (Netflix, Hulu, ESPN, etc) all had to be reinstalled. Okay…next, I started searching for the YouTube app. I finally found it in the “Coming Soon” section. WHAT?! None of the new media channels were working. Hulu Plus worked, but they didn’t really update anything. My very favorite feature of the web version of Hulu is AutoPlay. Bring it to Xbox! I would also love the ability to play my entire queue on my Xbox. What’s the point of allowing me to create and manage a queue if I can’t actually play the queue?

My final gripe is that after some reading I discovered that the Verizon FiOS app that will be out some time this month will provide 26 live TV channels. The kicker is that it will only provide them to people who have Verizon FiOS TV and Internet subscriptions. Ummmm…what? If I already had Verizon FiOS TV, why would I need to stream it to my Xbox? The world of set top box Internet TV is heading down an annoying path. The whole idea is to save money, but in reality, it’s getting to be expensive.

Extreme want – Fujitsu needs to move on this!

cool stuff, news No Responses »

Dec 052011

While sitting in bed back at my hotel (I’m in Richmond, VA this weekend and supposed to be running a competitive race but that’s another story), I have two options today (besides yakking my brains and guts out) – do homework or catch up on my techie stuff and Google + feed.

Which is where I found this:

Bento Laptop Tablet

(Thank you Dave D.!)

I love the concept – all the gadgets we use/want to use that can work independently or together. Solar power battery backup. Thin and lightweight. And solid state hard drives. What’s not to love?

My only concern is durability – I am *very* hard on all my tech. Cellies bounce frequently in my possession. My current laptop hates me because I have to hide all its dings and scratches with Hello Kitty and surf stickers. (if there was a g-shock Otterbox available for every potential piece of equip I want, that company would make a fortune off me)

Well, that and real-life cost. Being a poor college student has its drawbacks. If this can operate on Android platforms, this would be ultimate geekery for me. If it were Windoze, I could live with it because I’d switch it to Linux LOL.

So what do you think? I love gadgets, and this is totally up my alley.

See you soon! ~

Roxy!

Happy 40th Birthday to the Intel 4004, World’s First Microprocessor

cool stuff, Hardware, news, science No Responses »

Nov 232011

An example of the Intel 4004 chipset, world's first integrated microprocessor.

So I know I am a week late, but I thought we would be remiss here at TechRemedy if we didn’t make a post recognizing the 40th birthday of the Intel 4004, the world’s first integrated microprocessor. Without the 4004, life as we know it would be much, much different, and technology might still be living in vacuum tubes.

Those first generation 4004 processors ran at a clock speed of 108 KHz, which was then increased to 740 KHz in the production models. It used 2300 processors, and was capable of handling about 92,600 instructions per second. Intel’s newest consumer product line, the i7, has 43,000,000% more transistors than that 4004 chipset, and the i7 can handle 92 billion instructions per second.

To make this example of Moore’s Law in action a little more apparent, Intel kindly prepared an infographic (found here) which states that if today’s i7 was built using the 1971 tech, it would be the size of a conference room, and that if today’s chipsets used as much energy as there 1971 counterparts, running a laptop today would cost over $25,000 a month.

I, for one, welcome our new microprocessor overlords. Well, our 40 year microprocessor overlords. Same difference.

Check out more on the evolution of the microprocessor here and some more fun facts here.

A Geek’s Wishlist

news 5 Responses »

Nov 212011

With Christmas just around the corner, it has me thinking about the goodies I would like. I’m a pretty sensible person, and I don’t like to buy and receive things to just “have.” But, if I, and those around me, had unlimited cash-money, no shame, and didn’t feel guilty about buying stuff that will be out of date in less than a year…

Here’s my geek wishlist:

Kindle Fire — So far it has great reviews, and, well…you know how I feel about Kindles…
Motorola Droid Razr — Because my Droid X is almost two years old!
Super Mario Brothers Arcade Game — Don’t worry about it, I’ll find room for it!
DeLorean — Oh, just act like you don’t want one!
The Time Machine — The one from the movie The Time Machine from 1960. Don’t forget the crystal, it’s the most important part!
An Ocelot — I don’t usually dig cats, but I’m pretty sure this badass dude would change my life.
The Oakland A’s — I want to be right there when they win their next series!
World Peace — You know, in case the above stuff doesn’t work out.

That being said, what’s on your list this year?

SOPA – Stop Online Piracy Act: Infographic

digg, facebook, google, news, tech remedy, twitter, web No Responses »

Nov 172011

If you aren’t familiar with SOPA, or the Stop Online Piracy Act, you should really look into it and contact your congressional representative to inform them of your opposition to internet censorship. Here is a very helpful infographic that breaks down the bill visually.

Google X: The Search Giant’s Top Secret Lab

android, cool stuff, google, news, programming, science No Responses »

Nov 142011

Space Elevators and Lunar Landers

There is a top secret lab in the Bay Area called Google X. Some might think that this is where top secret proprietary software and search algorithms are researched and developed. In reality, Google X has nothing to do with Google’s current software or search engine interests. The lab is devoted to planning the future of the human race.

Lofty projects including space elevators and personal robots are rapidly being researched and developed at Google X. There is an elite group of engineers working on a list of 100 of these projects. Many of them are focused on robots, and with security that is run as “mysteriously as the CIA”, you could only imagine how advanced some of this research must be!

The first cloud OS

news, Software No Responses »

Nov 132011

…is apparently Oracle Solaris 11.

I will be perfectly honest – I know nothing about Solaris other than it is UNIX-based, but am learning so hopefully I can be up to speed on the subject when it matters.

But for those who are in the know, this seems to be a big deal, since Oracle announced it on Nov. 9th and their financials took a nice little hop.

Yay progress :)

~Roxy!

The Death of Mobile Flash

android, apple, cool stuff, Hardware, html5, iPhone, news, Open Source Software, smart phones 2 Responses »

Nov 092011

Adobe Flash Player in the Android Marketplace

Today, Adobe announced that it is cutting Mobile Flash along with 750 jobs.

“Over the past two years, we’ve delivered Flash Player for mobile browsers and brought the full expressiveness of the web to many mobile devices, however, HTML5 is now universally supported on major mobile devices, in some cases exclusively. This makes HTML5 the best solution for creating and deploying content in the browser across mobile platforms. We are excited about this, and will continue our work with key players in the HTML community, including Google, Apple, Microsoft and RIM, to drive HTML5 innovation they can use to advance their mobile browsers.”

- Danny Winokur, Adobe’s vice president of interactive development

I hate to say this, but Apple sure got this one right! I never would have thought that HTML5 would kill Mobile Flash so quickly. I’m happy with the forward progress of HTML5, but I will be sad to see Mobile Flash Player go.

Amiga Introduces 7″ Android Tablet for only $98

android, cool stuff, Hardware, news, Open Source Software, tablets 5 Responses »

Nov 032011

The Amiga 7" Tablet

With yesterday’s post by Elizabeth Millar, I am feeling quite nostalgic! Does anyone remember Amiga? Remember? They were the makers of the greatest Operating System ever. Anyways, I had assumed that they weren’t around anymore. Boy, was I wrong! I came across some great news for Android lovers. Amiga has introduced a new 7″ Android tablet for under $100! So, what does $98 buy you these days? Well, it’s pretty damn impressive for the price!

The new Amiga Tablet comes with a 750 MHz processor, multi-touch display, 4GB of storage, Wi-Fi, and more! It comes with Android 2.2 (froyo) and it is capable of handling most tasks. Amiga is also going to be offering accessories for the device including keyboards, cases, etc.

My favorite thing about Android is the ability to make affordable portable devices. My first Android device was a 7″ Huaweii Ideos Tablet that cost around $300. I still use it constantly. Since then, I have become very loyal to the Android world for my portable devices. My phone and 3/4 of my tablets are Android powered. Do you think that a $98 Android Tablet is a good thing for the Tablet market? Let me know in the comments! Here’s what gave Amiga its big break back in the day:

The Greatest Operating System Ever.

Page 2 of 15123 4 5 6 7 8 9 10...»Last »

Tech Remedy