html цвета - название и коды

html цвета

Если вы хотите поправить цвет текста на вашем сайте или цвет фона - то вам надо, как минимум, узнать и видеть web-цвета. Далее принцип работы простой - вы просто копируете html-код цвета и вставляете его к себе в css-стилевой файл. В данной статье будут рассмотрены популярные web-цвета...

Цвет текста html

Очень часто требуется поменять цвет текста на сайте, мало кто из начинающих к этому прибегает, так как для этого нужно знать html и css. Но, если вы знаете эти основы web-строительства, то вы без труда с этой задачей справитесь и в помощь ниже вам будет дана таблица с цветами. Обычно начинающие меняют цвет текста маленькими абзацами, например, через встроенные редакторы статей. Но, у меня, к примеру, часто возникает задача поменять цвет текста на всем сайте и, поэтому коды цветов в html формате - для меня необходимы - "как воздух".

Меняем цвет текста на сайте

1) Если вам нужно поменять цвет текста на всем сайте, то html код необходимого вам цвета вставляем в специальный файл css, обычно он называется style.css - вот такие примерно строки появятся в нем:

color:#FFF;

Это был пример: мы вставили корректировку, а именно назначили цвет текста белым: color:#FFF - это и есть код белого цвета в html. Не пугайтесь #FFF - это сокращенная форма, это тоже самое, что и #FFFFFF. Для экономии времени часто пользуются сокращенным кодом белого цвета в html.

Примерно может выглядеть так изменение цвета текста тела сайта - тег body:

body {color:#FFF;}

На закрытых движках типа ucoz - это делается по-другому, хотя там этот css-файл выведен отдельной ссылкой(об этом напишу позже).

2) Если вам нужно поменять цвет текста в отдельном абзаце, то встраивается такая конструкция (но она не приветствуется профессионалами, но на это мало кто смотрит и не смотрят поисковики типа Яндекса и Google, Mail, Rambler - то есть основным ПС это безразлично, потому что это "не ошибка")

А вставляется такая конструкция:

style="color:#FFF;"

То есть применительно к абзацу, а это тег p, конструкция будет иметь следующий вид:

<p style="color:#FFF;">

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

3) Если вам нужно изменить цвет ссылки html - конструкция приобретает следующий вид:

<a style="color:#FFF;" href="http://saitsozdanie.ru/">тут текст ссылки</a>

Если вы еще не знаете, что такое тег a - то мы уже об этом писали тут - "как вставить ссылку на сайт". Вообще изменение цвета ссылки через html код страницы редко делают, во-первых это муторно, а во-вторых также считается, если не дурным тоном, то что-то типа того.

 

 

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

Ниже приведена таблица цветов html, только также не забывайте вставить знак решетки перед кодом:

lightpink
FFB6C1
pink
FFC0CB
crimson
DC143C
lavenderblush
FFF0F5
palevioletred
DB7093
hotpink
FF69B4
deeppink
FF1493
mediumvioletred
C71585
orchid
DA70D6
thistle
D8BFD8
plum
DDA0DD
violet
EE82EE
magenta
FF00FF
fuchsia
FF00FF
darkmagenta
8B008B
purple
800080
mediumorchid
BA55D3
darkviolet
9400D3
darkorchid
9932CC
indigo
4B0082
blueviolet
8A2BE2
mediumpurple
9370DB
mediumslateblue
7B68EE
slateblue
6A5ACD
darkslateblue
483D8B
lavender
E6E6FA
ghostwhite
F8F8FF
blue
0000FF
mediumblue
0000CD
midnightblue
191970
darkblue
00008B
navy
000080
royalblue
4169E1
cornflowerblue
6495ED
lightsteelblue
B0C4DE
lightslategray
778899
slategray
708090
dodgerblue
1E90FF
aliceblue
F0F8FF
steelblue
4682B4
lightskyblue
87CEFA
skyblue
87CEEB
deepskyblue
00BFFF
lightblue
ADD8E6
powderblue
B0E0E6
cadetblue
5F9EA0
azure
F0FFFF
lightcyan
E0FFFF
paleturquoise
AFEEEE
cyan
00FFFF
aqua
00FFFF
darkturquoise
00CED1
darkslategray
2F4F4F
darkcyan
008B8B
teal
008080
mediumturquoise
48D1CC
lightseagreen
20B2AA
turquoise
40E0D0
aquamarine
7FFFD4
mediumaquamarine
66CDAA
mediumspringgreen
00FA9A
mintcream
F5FFFA
springgreen
00FF7F
mediumseagreen
3CB371
seagreen
2E8B57
honeydew
F0FFF0
lightgreen
90EE90
palegreen
98FB98
darkseagreen
8FBC8B
limegreen
32CD32
lime
00FF00
forestgreen
228B22
green
008000
darkgreen
006400
chartreuse
7FFF00
lawngreen
7CFC00
greenyellow
ADFF2F
darkolivegreen
556B2F
yellowgreen
9ACD32
olivedrab
6B8E23
beige
F5F5DC
lightgoldenrodyellow
FAFAD2
ivory
FFFFF0
lightyellow
FFFFE0
yellow
FFFF00
olive
808000
darkkhaki
BDB76B
lemonchiffon
FFFACD
palegoldenrod
EEE8AA
khaki
F0E68C
gold
FFD700
cornsilk
FFF8DC
goldenrod
DAA520
darkgoldenrod
B8860B
floralwhite
FFFAF0
oldlace
FDF5E6
wheat
F5DEB3
moccasin
FFE4B5
orange
FFA500
papayawhip
FFEFD5
blanchedalmond
FFEBCD
navajowhite
FFDEAD
antiquewhite
FAEBD7
tan
D2B48C
burlywood
DEB887
bisque
FFE4C4
darkorange
FF8C00
linen
FAF0E6
peru
CD853F
peachpuff
FFDAB9
sandybrown
F4A460
chocolate
D2691E
saddlebrown
8B4513
seashell
FFF5EE
sienna
A0522D
lightsalmon
FFA07A
coral
FF7F50
orangered
FF4500
darksalmon
E9967A
tomato
FF6347
mistyrose
FFE4E1
salmon
FA8072
snow
FFFAFA
lightcoral
F08080
rosybrown
BC8F8F
indianred
CD5C5C
red
FF0000
brown
A52A2A
firebrick
B22222
darkred
8B0000
maroon
800000
white
FFFFFF
whitesmoke
F5F5F5
gainsboro
DCDCDC
lightgrey
D3D3D3
silver
C0C0C0
darkgray
A9A9A9
gray
808080
dimgray
696969
black
000000

Вот такая вот таблица html цветов.

html цвета яндекс

Яндекс также предоставляет онлайн-сервис по html-цветам, иногда тоже помогает, но им все же реже пользуюсь. Вот можете потыкать и html цвета онлайн яндекс.

Упрощенная форма html цвет на английском

Если вы знаете хоть немного знаете английский язык то вам еще проще будет освоить упрощенную форму записи популярных цветов в html на английском. К, примеру: brown - коричневый, green - зеленый, blue - синий, red - красный, white - белый, grey - серый, black - черный и тд. Вот как это будет выглядеть:

<p style="color:white;">

То есть, все то же самое, просто заменяем код на слова.

Пока на этом все, я надеюсь вам была полезна статья "html цвета", следите за новостями http://saitsozdanie.ru.

Я тоже когда-то начинал с азов, а вот как я начинал свое обучение основам html.

Добавить комментарий


Защитный код
Обновить

Вы здесь: Сайтостроение Создание сайта css html цвета - название и коды