Infographics

Page 1

The following two infographics illustrate color palettes and hexadecimal colors for Web design. See information regarding color for the Web.

Color Theory Info Graphic Color Palettes Infographic Tap
Color Wheel with Hex Notation Hexadecimal Web Design with JavaScript & CSS3

Tags

infographics, web development, tutorials, learn to code, coding, learn, web design, graphics, graphic design, Web developer, Web design, Website design, Web design company, Web development company, Website developers, webdev, how to design a Website, create a Website, Web application development, freelance Web developer, freelance Web designer, Web creator, developer Website, new Website design, Webpage development, Weebsite design company JavaScript, html5, Web development, Web programming, WebGL programming, Web projects, html 5, Web GL, Web design, Website developer, Web programming , Web graphics, design a Website, js, JavaScript code,JavaScripts, JavaScript help, css3, JavaScript program, css,

Color for the Web

Hexadecimal Digits

The Hexadecimal infographic illustrates hexadecimal numbers around the color wheel. Each hexadecimal number is colored according to the color that number represents. Additionally the color each number represents aligns closely with the color adjacent to it, on the color wheel. For example fd5308, should appear very similar to a deep orange red color, when applied to a Web element, as follows.

background-color:#fd5308;

Hexadecimal colors are represented by digits and letters, similar to decimal digits, however letters represent additional numbers. The set of decimal digits, which we normally use, equals {0,1,2,3,4,5,6,7,8,9}. The set of hexadecimal digits equals {0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F}. Digit A equals ten. Digit B equals eleven. Digit C equals twelve. Digit D equals thirteen. Digit E equals fourteen and digit F equals fifteen.

Colors for the Web may be expressed with two hexadecimal digits for each color channel. A channel is one unique hue. For example, with digital color, channels include red, green, blue and optionally alpha. The first two hexadecimal digits, from the left, represent red. The second two hexadecimal digits represent green and the third two hexadecimal digits represent blue. For example FF0000 represents pure red. 00FF00 represents pure green. 0000FF represents pure blue. Combine hues, such as green and blue, to create more subtle colors such as aqua with 00AAAA, below.

background-color:#00aaaa;

Color Palettes

The color wheel, with the hexadecimal digits infographic, helps you understand color palettes as well. The color palette infographic juxtaposes hues in six boxes. The top three boxes place analogs next to each other. The bottom three boxes place complimentary colors next to each other.

Analogs, in the top boxes are near each other on the color wheel. Complimentary colors, in the bottom boxes are opposite each other on the color wheel. For example orange and blue are on opposite sides of the color wheel, therefore they're compliments. However yellow and orange are near each other on the color wheel, therefore they're analogues.

Analogues placed near each other often comfort or sooth the senses. The warmth or coolness of the set of analogues can strongly set a mood. However complimentary colors next to each can jar the senses or draw attention. It's often helpful to use only a small amount of a complimentary color for contrast.

Copyright © 2015 Seven Thunder Software. All Rights Reserved.