Color & Design



HTML colors are specified with predefined color names, or with RGB, HEX, HSL, RGBA, or HSLA values.

Color Names

Color Tools — Get a Visual Before You Paint. No matter where you are our color ColorSnap ® tools are ready to help whenever color inspiration strikes – you can explore colors on your desktop, mobile device or iPad. Color Street brings revolutionary real nail polish strips to your fingertips through our Independent Stylists. When you connect with an Independent Stylist, you’re connecting with a passionate product expert dedicated to giving you the best possible shopping experience and customer service. Pantone Color Institute is the business unit within Pantone that highlights the top seasonal runway colors, selects the Pantone Color of the Year, forecasts global color trends, and advises companies on color for product and brand visual identity. Another word for color. Find more ways to say color, along with related words, antonyms and example phrases at Thesaurus.com, the world's most trusted free thesaurus.

In HTML, a color can be specified by using a color name:

Digent

HTML supports 140 standard color names.

Background Color

You can set the background color for HTML elements:

Color & Design Lacing Beads

Hello World


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Example

<h1>Hello World</h1>
<p>Lorem ipsum..</p>

Try it Yourself »

Text Color

You can set the color of text:

Color

Hello World

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Example

<h1>Hello World</h1>
<p>Lorem ipsum..</p>
<p>Ut wisi enim..</p>
Try it Yourself »

Border Color

You can set the color of borders:

Hello World

Hello World

Hello World

Example

<h1>Hello World</h1>
<h1>Hello World</h1>
<h1>Hello World</h1>

Color & Design : 2d Design

Try it Yourself »

Color Values

In HTML, colors can also be specified using RGB values, HEX values, HSL values, RGBA values, and HSLA values.

Color & Design 2d

The following three <div> elements have their background color set with RGB, HEX, and HSL values:

#ff6347

The following two <div> elements have their background color set with RGBA and HSLA values, which adds an Alpha channel to the color (here we have 50% transparency):

hsla(9, 100%, 64%, 0.5)

Example

<h1>..</h1>
<h1>..</h1>
<h1>..</h1>
<h1>..</h1>
<h1>..</h1>
Try it Yourself »

Learn more about Color Values

You will learn more about RGB, HEX and HSL in the next chapters.



HTML Color Chart

Click on any color square to get its HTML color code.

HTML Color Picker

Move the horizontal slider to chose color and then click into color square to get HTML color code.


*You can access the old version of color picker here: LINK 3d printerseffective curriculum ideas.

.

HTML Color Codes Theory

So you are wondering 'Does this weird combination of letters and numbers have any meaning?' Well the answer is 'Yes' and this is how it goes:)
HTML Codes format:
Each HTML code contains symbol '#' and 6 letters or numbers. These numbers are in hexadecimal numeral system. For example 'FF' in hexadecimal represents number 255 in Decimal.
Meaning of symbols:
The first two symbols in HTML color code represents the intensity of red color. 00 is the least and FF is the most intense. The third and fourth represents intensity of green and fifth and sixth represents the intensity of blue. So with combining the intensity of red, green and blue we can mix almost any color that our heart desire;)
Examples:
#FF0000 - With this HTML code we tell browser to show maximum of red and no green and no blue. The result is of course pure red color:
#00FF00 - This HTML code shows just green and no red and blue. The result is:
#0000FF - This HTML code shows just blue and no red and green. The result is:
#FFFF00 - Combination of red and green color gives us yellow:
#CCEEFF - Take some red a bit more of green and maximum of blue to get color of sky:

Color Design House

Support this website

Please support this website by linking to it. All you have to do is to put the code below on your website. Or spread the word trough social networks (Twitter, Facebook):
<a href='http://html-color-codes.info'>HTML color codes</a>