Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS How to Make a Website Customizing Colors and Fonts Use Color in CSS

Don Clark
Don Clark
432 Points

Hexidecimal Colors

Is there an easier way to remember hexidecimal colors? I remember that when using BBEdit, you could pick a color, and it would give you the hexidecimal code.

2 Answers

Guy Noda-Bailey
Guy Noda-Bailey
18,837 Points

W3schools has an interactive color picker; http://www.w3schools.com/tags/ref_colorpicker.asp

Years ago, anytime I was working on a site, I'd always have the 'webmonkey cheat sheets' open in a seperate tab. I just checked them out again and they are still going strong. Their colour cheat sheet is at; http://www.webmonkey.com/2010/02/color_charts/

Also many text editors put a pop up or a small colored square next to any hexidecimal color value that you type (sublime text does it via a plugin).

Andrew Chalkley's Jquery basics course has a super fun module called Creating a simple drawing application where you can learn about how the hex colors work incidentally to the main learning objective.

http://teamtreehouse.com/library/jquery-basics/creating-a-simple-drawing-application/preparation

The drawing app has a function for the user to create a new color and add it to the palette. This could be a really fun little project to take that functionality and roll your own color picker.

Guy Noda-Bailey
Guy Noda-Bailey
18,837 Points

Sorry, I just checked out the simple drawing application. It uses rgb values instead. The rgb values use the same concept as hexidecimal color values but are slightly more human readable.

This would make my 'rolling your own color picker' project a little more complicated but still fun. I might try it out for my homework tonight.

Guy Noda-Bailey
Guy Noda-Bailey
18,837 Points

Did it! Not very pretty, and still have some things I'd like to add, but it was a fun excercise working out how to convert colors into numbers and then numbers into hexidecimal strings.

http://teamtreehouse.com/workspaces/621132

Don Clark
Don Clark
432 Points

thanks so much, Guy. I remember when I had my first electronic design course in college, the instructor told us to simplify, simplify, simplify. Instead of having to keep hexadecimal numbers in my head, I can bookmark these pages you've sent, and that'll leave more space in my cranium for other information.