HTML Colors

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

Color Names

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

Background Color

You can set the background color for HTML elements:

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

Hello World

Lorem ipsum.

Text Color

You can set the color of text:

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

Hello World

Lorem ipsum.

Ut wisi enim.

Border Color

You can set the color of borders:

Hello World

Hello World

Hello World

Example

Hello World

Hello World

Hello World

Color Values

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

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

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

Источник

Html colour code info

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.

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:

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):

Источник

Html colour code info

Нажмите на цветовую ячейку, чтобы получить цветовой код HTML для этого цвета.

Селектор цвета HTML

Для выбора цвета перемещайте горизонтальный ползунок, а затем нажмите на цветовую ячейку слева, чтобы получить цветовой код HTML для желаемого оттенка.

Теория цветовых кодов HTML

Вы задаетесь вопросом: «Значит ли что-нибудь эта странная комбинация букв и цифр?» Ответ на этот вопрос — «Да, значит». И вот что она значит:)

формат кодов HTML:
Каждый код HTML состоит из символа «#» и 6 букв или цифр. Используется шестнадцатеричная система счисления. Например, «FF» в шестнадцатеричной системе соответствует 255 в десятеричной.

Значение символов:
Первыми двумя символами в коде цвета HTML обозначается насыщенность красного цвета. 00 — наименее насыщенный и FF — наиболее насыщенный. Третий и четвертый символы означают насыщенность зеленого, а пятый и шестой — синего. Таким образом, комбинируя разные по насыщенности оттенки красного, зеленого и синего, мы можем получить фактически любой угодный нам цвет;)

Примеры:
#FF0000 — Этим кодом HTML мы сообщаем браузеру команду отображать максимально возможный красный цвет и вообще не отображать зеленый и синий. В результате, естественно, мы получаем чистый красный цвет:

#00FF00 — Этот код HTML отображает только зеленый, без красного и синего. Результат:

#0000FF — Этот код HTML отображает только синий, без красного и зеленого. Результат:

#FFFF00 — Сочетание красного и зеленого цветов дает нам желтый:

#CCEEFF -Взять немного красного, чуть больше зеленого и по максимуму синего для получения небесно-голубого:

Поддержите этот сайт

Поддержите, пожалуйста, этот сайт, опубликовав на него ссылку. Все, что вам нужно сделать, — этот поместить приведенный ниже код на ваш сайт. Также распространяйте информацию о нас через социальные сети (Твиттер, Фейсбук, Google +1):

Источник

HTML Color Codes 🎨

The best HTML color codes are waiting for you to find them and they can be found here with all of their names, hex codes, rgb values and other attributes!

Color Picker

RGB: rgb(102,232,232)

HSL: hsl(232,232,232)

What is a HTML color code?

A HTML color code is an identifier used to represent a color on the web and within other digital assets. Common color codes are in the forms of: a keyword name, a hexadecimal value, a RGB (red, green, blue) triplet, or a HSL (hue, saturation, lightness) triplet. Different values allow for 16,777,216 potential colors to be chosen.

For example, the color red can be identifier using the following formats:

Because there are so many colors to choose from, tools have been created to make the task of selection much simpler. A color picker allows a user to select a color by clicking on visual range of color to pin-point an exact code. A color chart provides a listing of common colors for quick selection.

To use a selected color code within your web page, you could place the following attribute within a given element to change its background color to red: style=»background-color: #ff0000;»

What are HTML color codes used for?

HTML color codes are used within HTML and CSS to create web design color schemes. They are primarily used by web designers, graphic designers, computer programmers, and digital illustrators. Choosing the correct web colors can be exhausting, but it is a great skill to have, especially for marketing purposes.

Источник