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