Resources for Hex Colors

Learner II
10 4 4,891

With the new calendar feature I thought it would be good to create a list of great resources for finding or creating your own hex colors to use with the calendar.

What is Hex Color?

From the Wikipedia it states:

A hex triplet is a six-digit, three-byte hexadecimal number used in HTML, CSS, SVG, and other computing applications to represent colors. The bytes represent the red, green and blue components of the colour. One byte represents a number in the range 00 to FF (in hexadecimal notation), or 0 to 255 in decimal notation.

How Do I Create or Find a Hex Color?

There are several great web services that allow you to create your own hex colors or find ones that others have created. In the example below I am using Adobe Color (formerly Kuler). Adobe Color allows users to create color palettes by using the color wheel. What you want to look for is the hex number for the color. Copy that and then go to Canvas and paste it in the option to set the color for a course in the calendar.

adobe-color.png

Some Other Color Resources

4 Comments
Surveyor

Very nice resource, snugent

I like to direct people to this little utitlity if they need to know what color = what hex code: http://www.w3schools.com/tags/ref_colorpicker.asp

Learner II

Great resources. We have done a lot of customizing for our institutions branding and we relied heavily on the following color sites:

Coloreminder - Html & Css Color Code

Flat UI Colors

flatuicolorpicker : Best Flat Colors For UI Design

Navigator

Nice write-up, snugent​!  I'm going to share your posting with our own school group here in the Community!

Community Member

I was recently introduced to Sip which is a Mac app with both free and Pro ($9.99) versions. I have found quite handy to either pull the hex of a color or to store our approved institutional branding colors as hex values that I can quickly reference.

About the Author
I work in Information Systems and Services Development at Lake Land College.