Цвет в html

Главная » Уроки верстки » Цвет в html

1 Электронные книги по созданию сайтов от OZON
2 Программы для верстки
3 Цвет в html
4 Прячем иконки с помощью CSS и Javascript
5 Замена картинок при наведении курсора

Отображение цвета в html

С помощью html, цвет можно отобразить тремя способами:

  1. C помощью названия цвета, например green, blue, red и других. Но боьшинство браузеров понимает стандартный набор ключевых слов, поэто лучше использовать второй способ.
  2. С помощью шестнадцатеричных цифр, каждая пара которого представляет свой цвет. Первая пара красный, вторая зеленый, третья синий

    Например #1179e2 - первая пара 11, вторая 79, третья пара - e2.

    Существует сокращенная форма записи например #000000 аналогична #000, #112233 аналогична #123

  3. Запись вида rgb(n,n,n), где n число от 0 до 255, например #1179e2 аналогична rgb(17,121,226)

 

Пример 1 - html цвет с помощью названия цвета

Результат

Красный цвет в html

Html код

<p>Красный <strong style="color:red">цвет в html</strong></p>

 

Пример 2 - html цвет в шестнадцатеричном представлении

Результат

Синий цвет в html

Html код

<p>Синий <strong style="color:#0000ff">цвет в html</strong></p>

 

Пример 3 - html цвет с помощью rgb(n,n,n)

Результат

Зеленый цвет в html

Html код

<p>Зеленый <strong style="rgb(00,88,00)">цвет в html</strong></p>

 

Таблица цветов html

lightseagreen
#20B2AA
mediumaquamarine
#66cdaa
mediumspringgreen
#00fa9a
springgreen
#00ff7f
palegreen
#98fb98
lightgreen
#90ee90
mediumseagreen
#3cb371
seagreen
#2e8b57
green
#008000
darkgreen
#006400
forestgreen
#228b22
limegreen
#32cd32
lime
#00ff00
lawngreen
#7cfc00
chartreuse
#7fff00
greenyellow
#adff2f
yellowgreen
#9acd32
darkolivegreen
#556b2f
olive
#808000
darkseagreen
#8fbc8f
lightcyan
#E0FFFF
paleturquoise
#AFEEEE
powderblue
#B0E0E6
lightblue
#ADD8E6
skyblue
#87CEEB
lightskyblue
#87CEFA
aqua (cyan)
#00FFFF
aquamarine
#7FFFD4
mediumaquamarine
#66CDAA
turquoise
#40E0D0
darkturquoise
#00ced1
mediumturquoise
#48d1cc
cadetblue
#5f9ea0
darkcyan
#008b8b
teal
#008080
darkslategray
#2f4f4f
midnightblue
#191970
darkblue
#00008b
mediumblue
#0000cd
blue
#0000ff
royalblue
#4169e1
cornflowerblue
#6495ed
dodgerblue
#1e90ff
deepskyblue
#00bfff
steelblue
#4682b4
plum
#dda0dd
violet
#ee82ee
orchid
#da70d6
mediumorchid
#ba55d3
darkorchid
#9932cc
darkviolet
#9400d3
blueviolet
#8a2be2
mediumpurple
#9370db
mediumslateblue
#7b68ee
slateblue
#6a5acd
darkslateblue
#483d8b
indigo
#4b0082
purple
#800080
darkmagenta
#8b008b
mediumvioletred
#c71585
deeppink
#ff1493
hotpink
#ff69b4
palevioletred
#db7093
magenta (fuchsia)
#ff00ff
tan
#D2B48C
wheat
#F5DEB3
khaki
#F0E68C
lemonchiffon
#fffacd
lightgoldenrodyellow
#fafad2
lightyellow
#ffffe0
yellow
#ffff00
gold
#ffd700
orange
#ffa500
darkorange
#ff8c00
sandybrown
#f4a460
darkgoldenrod
#B8860B
goldenrod
#DAA520
burlywood
#deb887
darkkhaki
#bdb76b
chocolate
#d2691e
peru
#cd853f
sienna
#a0522d
saddlebrown
#8b4513
brown
#a52a2a
maroon
#800000
darkred
#8b0000
firebrick
#b22222
crimson
#dc143c
indiandred
#cd5c5c
lightcoral
#f08080
darksalmon
#e9967a
lightsalmon
#ffa07a
salmon
#fa8072
tomato
#ff6347
orangered
#ff4500
red
#ff0000
coral
#ff7f50
pink
#ffc0cb
lightpink
#ffb6c1
thistle
#d8bfd8
rosybrown
#bc8f8f
whitesmoke
#f5f5f5
aliceblue
#f0f8ff
ghostwhite
#f8f8ff
snow
#fffafa
seashell
#fff5ee
linen
#faf0e6
cornsilk
#fff8dc
oldlace
#fdf5e6
floralwhite
#fffaf0
ivory
#fffff0
mintcream
#f5fffa
honeydew
#f0fff0
azure
#F0FFFF
beige
#F5F5DC
palegoldenrod
#EEE8AA
bisque
#FFE4C4
peachpuff
#FFDAB9
mistyrose
#ffe4e1
moccasin
#ffe4b5
blanchedalmond
#ffebcd
papayawhip
#ffefd5
antiquewhite
#FAEBD7
lavenderblush
#FFF0F5