HTML цвета

HTML цвета по категориям, выбор имени цвета в HTML, шестнадцатеричные и RGB значения, конвертер RGB в HEX, RGB в HSL, HEX в RGB.

Конвертер цветов

Конвертер цветов позволяет преобразовать (конвертировать) RGB цвета (аббревиатура английских слов red, green, blueкрасный, зелёный, синий) в шестнадцатеричные (HEX) значения, RGB цвета в формат HSL (от англ. hue, saturation, lightness (intensity) — тон, насыщенность и осветленность) и обратно HEX значения в RGB и HSL цвета.

Ярко-жёлтый

Хэш-теги:

#Ярко-жёлтый

RGB — 255,179,0

R

G

B

HSV — 42,100,100

H

S

V

HSL — 42,100,50

H

S

L

CMYK — 0,29,100,0

C

M

Y

K

Соответствие цветотипам

Весна — хорошо (цвета Весны)

Лето — так себе (цвета Лета)

Осень — хорошо (цвета Осени)

Зима — так себе (цвета Зимы)

Совершенные сочетания
#3300ff
#00ccff
Мажорные сочетания
#ff00cc
#00ffb3
Минорные сочетания
#b300ff
#00ff33
Неустойчивые сочетания
#004cff
Негармоничные сочетания
#ccff00
#4cff00
#ff004c
#ff3300
«Безопасный» аналог цвета
#ffcc00 Цвет Яндекса
Похожие цвета
#f0bb00 13-0752 — Pantone Fashion, Home and Interiors (98%)#f0ba00 BM 2023-10 — Benjamin Moore color preview (98%)#efb900 F6.70.70 — Sikkens 5051 Color Concept (98%)#efb800 RAL 1021 — RAL (98%)#f1a301 Нарцисс (96%)
Противоположный цвет (голубой)

Цветовая схема

Совет. Используйте наш выбор цвета HTML, если вам нужно выбрать из почти бесконечного множества цветов.

ЧерныеСерыеБлюзЗеленыеЖелтыеКоричневыеОранжевыеКрасныеРозовыеФиолетовые

Код цвета HTML для #FF0000

Цвета, которые составляют # FF0000

W3C Название цвета: Красный
RGB: 255, 0, 0 — HSL: 0,00, 1,00, 0,50
CSS Сокращение: #F00
Web Safe Цвет: Да

Пример цвета текста с использованием #FF0000

Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку.

<p style = «color: #FF0000»> Ваш текст здесь </ p>

Более светлые цвета

# FF0A0A

# FF1414

# FF1E1E

# FF2828

# FF3232

# FF3C3C

# FF4646

# FF5050

Темные цвета

# F50000

# EB0000

# E10000

# D70000

# CD0000

# C30000

# B90000

# AF0000

Аналогичные цвета

# FF2A00

# FF5500

# FF8000

# FFAA00

# FFD400

# FFFF00

# D4FF00

# AAFF00

Тройные цвета

# FF0000

# 00FF00

# 0000FF

Код цвета HTML для #FFFFFF

Цвета, которые составляют #FFFFFF

W3C Цветное имя: Белый
RGB: 255, 255, 255 — HSL: 0,00, 0,00, 1,00
CSS Сокращение : #FFF
Web Safe Цвет: Да

Пример цвета текста с использованием #FFFFFF

Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку.

<p style = «color: #FFFFFF»> Ваш текст здесь </ p>

Более светлые цвета

Ничего не найдено.

Темные цвета

# F5F5F5

#EBEBEB

# e1e1e1

# D7D7D7

#CDCDCD

# C3C3C3

# B9B9B9

#AFAFAF

Аналогичные цвета
Тройные цвета

Код цвета HTML для # 000000

Цвета, составляющие # 000000

W3C Цветное имя: Black
RGB: 0, 0, 0 — HSL: 0,00, 0,00, 0,00
CSS Сокращение: # 000
Web Safe Цвет: Да

Пример цвета текста с использованием # 000000

Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку.

<p style = «color: #000000»> Ваш текст здесь </ p>

Более светлые цвета

# 0A0A0A

# 141414

# 1E1E1E

# 282828

# 323232

# 3C3C3C

# 464646

# 505050

Тройные цвета

Код цвета HTML для #0000FF

Цвета, которые составляют #0000FF

W3C Название цвета: синий
RGB: 0, 0, 255 — HSL: 0,67, 1,00, 0,50
CSS Сокращение : # 00F
Веб-сейф Цвет: Да

Пример цвета текста с использованием # 0000FF

Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку. Быстрая коричневая лиса прыгает через ленивую собаку.

<p style = «color: #0000FF»> Ваш текст здесь </ p>

Более светлые цвета

# 0A0AFF

# 1414FF

# 1E1EFF

# 2828FF

# 3232FF

# 3C3CFF

# 4646FF

# 5050FF

Темные цвета

# 0000F5

# 0000EB

# 0000E1

# 0000D7

# 0000CD

# 0000C3

# 0000B9

# 0000AF

Аналогичные цвета

# 2B00FF

# 5500FF

# 8000FF

# AA00FF

# D400FF

# FF00FF

# FF00D4

# FF00AA

Тройное сочетание цветов

# 0000FF

# FF0000

# 00FF00

Основные цвета

Черный Black #000000 rgb(0,0,0)
Серый Gray #808080 rgb(128,128,128)
Серебряный Silver #c0c0c0 rgb(192,192,192)
Белый White #ffffff rgb(255,255,255)
Фуксия, Маджента Fuchsia,Magenta #ff00ff rgb(255,0,255)
Пурпурный Purple #800080 rgb(128,0,128)
Красный Red #ff0000 rgb(255,0,0)
Коричнево-малиновый Maroon #800000 rgb(128,0,0)
Жёлтый Yellow #ffff00 rgb(205,92,92)
Оливковый Olive #808000 rgb(240,128,128)
Лайм Lime #00ff00 rgb(250,128,114)
Зелёный Green #008000 rgb(233,150,122)
Цвет морской волны Aqua #00ffff rgb(205,92,92)
Окраски птицы чирок Teal #008080 rgb(240,128,128)
Синий Blue #0000ff rgb(250,128,114)
Форма морских офицеров Navy #000080 rgb(233,150,122)

2

Использование цветов

Применение Результат
<span style=»color:#00ff00″>Цвет слова</span> Цвет слова
<div style=»color:green»>Цвет абзаца</div>

Цвет абзаца

<span style=»background-color:yellow»>Фон слова</span> Фон слова
<div style=»background-color:yellow»>Фон абзаца</div>

Фон абзаца

<td>style=»background-color:#98FB98″ | Фон ячейки</td> Фон ячейки

Модернизация стандартных share-кнопок в Blogger(Blogspot)

Мегафон распространяющий мультимедиа контент

Используя CSS, можно изменить дизайн практически любого элемента блога, а при помощи JavaScript еще и его функциональность.

  Чтобы изменить вид стандартных кнопок «поделится» в блоге на платформе Blogger, достаточно лишь добавить желаемые CSS-свойства к правильно указанным идентификаторам. По желанию, можно самостоятельно дополнить набор кнопок установленных по умолчанию, HTML-кодом своих кнопок с ссылками нужных социальных сетей, например ВКонтакте или Одноклассники. Если имеющийся вариант не устраивает совсем, по ряду объективных причин, то можно заменить весь блок используя JS-плагин

от стороннего разработчика

или свой собственный.

КАЛЕЙДОСКОП ИНФО …Книга

…QUOT HOMINES TOT SENTENTIAE
Таблица Цветов

Фиолетовые цвета html коды

Color Name HEX Color Shades Mix Lavender  #E6E6FA   Shades Mix Thistle  #D8BFD8   Shades Mix Plum  #DDA0DD   Shades Mix Orchid  #DA70D6   Shades Mix Violet  #EE82EE   Shades Mix Fuchsia  #FF00FF   Shades Mix Magenta  #FF00FF   Shades Mix MediumOrchid  #BA55D3   Shades Mix DarkOrchid  #9932CC   Shades Mix DarkViolet  #9400D3   Shades Mix BlueViolet  #8A2BE2   Shades Mix DarkMagenta  #8B008B   Shades Mix Purple  #800080   Shades Mix MediumPurple  #9370DB   Shades Mix MediumSlateBlue  #7B68EE   Shades Mix SlateBlue  #6A5ACD   Shades Mix DarkSlateBlue  #483D8B   Shades Mix RebeccaPurple  #663399   Shades Mix Indigo   #4B0082   Shades Mix

Красные цвета html коды

Color Name HEX Color Shades Mix LightSalmon  #FFA07A   Shades Mix Salmon  #FA8072   Shades Mix DarkSalmon  #E9967A   Shades Mix LightCoral  #F08080   Shades Mix IndianRed   #CD5C5C   Shades Mix Crimson  #DC143C   Shades Mix Red  #FF0000   Shades Mix FireBrick  #B22222   Shades Mix DarkRed  #8B0000   Shades Mix

Предопределенные имена цветов

Красные
Имя цвета HEX RGB
IndianRed #CD5C5C rgb(205, 92, 92)
LightCoral #F08080 rgb(240, 128, 128)
Salmon #FA8072 rgb(250, 128, 114)
DarkSalmon #E9967A rgb(233, 150, 122)
LightSalmon #FFA07A rgb(255, 160, 122)
Crimson #DC143C rgb(220, 20, 60)
Red #FF0000 rgb(255, 0, 0)
FireBrick #B22222 rgb(178, 34, 34)
DarkRed #8B0000 rgb(139, 0, 0)
Жёлтые
Gold #FFD700 rgb(255, 215, 0)
Yellow #FFFF00 rgb(255, 255, 0)
LightYellow #FFFFE0 rgb(255, 255, 224)
LemonChiffon #FFFACD rgb(255, 250, 205)
LightGoldenrodYellow #FAFAD2 rgb(250, 250, 210)
PapayaWhip #FFEFD5 rgb(255, 239, 213)
Moccasin #FFE4B5 rgb(255, 228, 181)
PeachPuff #FFDAB9 rgb(255, 218, 185)
PaleGoldenrod #EEE8AA rgb(238, 232, 170)
Khaki #F0E68C rgb(240, 230, 140)
DarkKhaki #BDB76B rgb(189, 183, 107)
Оранжевые
Coral #FF7F50 rgb(255, 127, 80)
Tomato #FF6347 rgb(255, 99, 71)
OrangeRed #FF4500 rgb(255, 69, 0)
DarkOrange #FF8C00 rgb(255, 140, 0)
Orange #FFA500 rgb(255, 165, 0)
Розовые
Pink #FFC0CB rgb(255, 192, 203)
LightPink #FFB6C1 rgb(255, 182, 193)
HotPink #FF69B4 rgb(255, 105, 180)
DeepPink #FF1493 rgb(255, 20, 147)
MediumVioletRed #C71585 rgb(199, 21, 133)
PaleVioletRed #DB7093 rgb(219, 112, 147)
Фиолетовые
Lavender #E6E6FA rgb(230, 230, 250)
Thistle #D8BFD8 rgb(216, 191, 216)
Plum #DDA0DD rgb(221, 160, 221)
Violet #EE82EE rgb(238, 130, 238)
Orchid #DA70D6 rgb(218, 112, 214)
Fuchsia(Magenta) #FF00FF rgb(255, 0, 255)
MediumOrchid #BA55D3 rgb(186, 85, 211)
MediumPurple #9370DB rgb(147, 112, 219)
BlueViolet #8A2BE2 rgb(138, 43, 226)
DarkViolet #9400D3 rgb(148, 0, 211)
DarkOrchid #9932CC rgb(153, 50, 204)
DarkMagenta #8B008B rgb(139, 0, 139)
Purple #800080 rgb(128, 0, 128)
Indigo #4B0082 rgb(75, 0, 130)
SlateBlue #6A5ACD rgb(106, 90, 205)
DarkSlateBlue #483D8B rgb(72, 61, 139)
Коричневые
Cornsilk #FFF8DC rgb(255, 248, 220)
BlanchedAlmond #FFEBCD rgb(255, 235, 205)
Bisque #FFE4C4 rgb(255, 228, 196)
NavajoWhite #FFDEAD rgb(255, 222, 173)
Wheat #F5DEB3 rgb(245, 222, 179)
BurlyWood #DEB887 rgb(222, 184, 135)
Tan #D2B48C rgb(210, 180, 140)
RosyBrown #BC8F8F rgb(188, 143, 143)
SandyBrown #F4A460 rgb(244, 164, 96)
Goldenrod #DAA520 rgb(218, 165, 32)
DarkGoldenrod #B8860B rgb(184, 134, 11)
Peru #CD853F rgb(205, 133, 63)
Chocolate #D2691E rgb(210, 105, 30)
SaddleBrown #8B4513 rgb(139, 69, 19)
Sienna #A0522D rgb(160, 82, 45)
Brown #A52A2A rgb(165, 42, 42)
Maroon #800000 rgb(128, 0, 0)
Синие
Aqua(Cyan) #00FFFF rgb(0, 255, 255)
LightCyan #E0FFFF rgb(224, 255, 255)
PaleTurquoise #AFEEEE rgb(175, 238, 238)
Aquamarine #7FFFD4 rgb(127, 255, 212)
Turquoise #40E0D0 rgb(64, 224, 208)
MediumTurquoise #48D1CC rgb(72, 209, 204)
DarkTurquoise #00CED1 rgb(0, 206, 209)
CadetBlue #5F9EA0 rgb(95, 158, 160)
SteelBlue #4682B4 rgb(70, 130, 180)
LightSteelBlue #B0C4DE rgb(176, 196, 222)
PowderBlue #B0E0E6 rgb(176, 224, 230)
LightBlue #ADD8E6 rgb(173, 216, 230)
SkyBlue #87CEEB rgb(135, 206, 235)
LightSkyBlue #87CEFA rgb(135, 206, 250)
DeepSkyBlue #00BFFF rgb(0, 191, 255)
DodgerBlue #1E90FF rgb(30, 144, 255)
CornflowerBlue #6495ED rgb(100, 149, 237)
MediumSlateBlue #7B68EE rgb(123, 104, 238)
RoyalBlue #4169E1 rgb(65, 105, 225)
Blue #0000FF rgb(0, 0, 255)
MediumBlue #0000CD rgb(0, 0, 205)
DarkBlue #00008B rgb(0, 0, 139)
Navy #000080 rgb(0, 0, 128)
MidnightBlue #191970 rgb(25, 25, 112)
Зелёные
GreenYellow #ADFF2F rgb(173, 255, 47)
Chartreuse #7FFF00 rgb(127, 255, 0)
LawnGreen #7CFC00 rgb(124, 252, 0)
Lime #00FF00 rgb(0, 255, 0)
LimeGreen #32CD32 rgb(50, 205, 50)
PaleGreen #98FB98 rgb(152, 251, 152)
LightGreen #90EE90 rgb(144, 238, 144)
MediumSpringGreen #00FA9A rgb(0, 250, 154)
SpringGreen #00FF7F rgb(0, 255, 127)
MediumSeaGreen #3CB371 rgb(60, 179, 113)
SeaGreen #2E8B57 rgb(46, 139, 87)
ForestGreen #228B22 rgb(34, 139, 34)
Green #008000 rgb(0, 128, 0)
DarkGreen #006400 rgb(0, 100, 0)
YellowGreen #9ACD32 rgb(154, 205, 50)
OliveDrab #6B8E23 rgb(107, 142, 35)
Olive #808000 rgb(128, 128, 0)
DarkOliveGreen #556B2F rgb(85, 107, 47)
MediumAquamarine #66CDAA rgb(102, 205, 170)
DarkSeaGreen #8FBC8F rgb(143, 188, 143)
LightSeaGreen #20B2AA rgb(32, 178, 170)
DarkCyan #008B8B rgb(0, 139, 139)
Teal #008080 rgb(0, 128, 128)
Белые
White #FFFFFF rgb(255, 255, 255)
Snow #FFFAFA rgb(255, 250, 250)
Honeydew #F0FFF0 rgb(240, 255, 240)
MintCream #F5FFFA rgb(245, 255, 250)
Azure #F0FFFF rgb(240, 255, 255)
AliceBlue #F0F8FF rgb(240, 248, 255)
GhostWhite #F8F8FF rgb(248, 248, 255)
WhiteSmoke #F5F5F5 rgb(245, 245, 245)
Seashell #FFF5EE rgb(255, 245, 238)
Beige #F5F5DC rgb(245, 245, 220)
OldLace #FDF5E6 rgb(253, 245, 230)
FloralWhite #FFFAF0 rgb(255, 250, 240)
Ivory #FFFFF0 rgb(255, 255, 240)
AntiqueWhite #FAEBD7 rgb(250, 235, 215)
Linen #FAF0E6 rgb(250, 240, 230)
LavenderBlush #FFF0F5 rgb(255, 240, 245)
MistyRose #FFE4E1 rgb(255, 228, 225)
Серые
Gainsboro #DCDCDC (220, 220, 220)
LightGray #D3D3D3 rgb(211, 211, 211)
Silver #C0C0C0 rgb(192, 192, 192)
DarkGray #A9A9A9 rgb(169, 169, 169)
Gray #808080 rgb(128, 128, 128)
DimGray #696969 rgb(105, 105, 105)
LightSlateGray #778899 rgb(119, 136, 153)
SlateGray #708090 rgb(112, 128, 144)
DarkSlateGray #2F4F4F rgb(47, 79, 79)
Black #000000 rgb(0, 0, 0)

Оранжевые цвета html коды

Color Name HEX Color Shades Mix Orange  #FFA500   Shades Mix DarkOrange  #FF8C00   Shades Mix Coral  #FF7F50   Shades Mix Tomato  #FF6347   Shades Mix OrangeRed  #FF4500   Shades Mix

Учебник HTML

HTML уроки: HTML Цвета

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

Color Name HEX Color Shades Mix CadetBlue  #5F9EA0   Shades Mix SteelBlue  #4682B4   Shades Mix LightSteelBlue  #B0C4DE   Shades Mix LightBlue  #ADD8E6   Shades Mix PowderBlue  #B0E0E6   Shades Mix LightSkyBlue  #87CEFA   Shades Mix SkyBlue  #87CEEB   Shades Mix CornflowerBlue  #6495ED   Shades Mix DeepSkyBlue  #00BFFF   Shades Mix DodgerBlue  #1E90FF   Shades Mix RoyalBlue  #4169E1   Shades Mix Blue  #0000FF   Shades Mix MediumBlue  #0000CD   Shades Mix DarkBlue  #00008B   Shades Mix Navy  #000080   Shades Mix MidnightBlue  #191970   Shades Mix

Розовые тона

Белоснежный Snow #fffafa rgb(255,250,250)
Розово-лавандовый LavenderBlush #fff0f5 rgb(255,240,245)
Тускло-розовый MistyRose #ffe4e1 rgb(255,228,225)
Розовый Pink #ffc0cb rgb(255,192,203)
Светло-розовый LightPink #ffb6c1 rgb(255,182,193)
Ярко-розовый HotPink #ff69b4 rgb(255,105,180)
Глубокий розовый DeepPink #ff1493 rgb(255,20,147)
Лиловый PaleVioletRed #db7093 rgb(219,112,147)
Розово-коричневый RosyBrown #bc8f8f rgb(188,143,143)

Оставьте комментарий