Контакти

Таблиця кольорів html фіолетовий. Колір в стилях можна задавати різними способами: по шістнадцятиричним значенням, за назвою, в форматі RGB, RGBA, HSL, HSLA. Стандартизовані назви кольорів

Для html сторінок кольору позначаються в основному в шістнадцятковій системі. Для цього використовують два види запису коду - повну або скорочену. Щоб правильно вказати html колір повної записом необхідно прописати шість знаків (цифри і / або англійські букви) після решітки, наприклад, чорний записується так: # 000000. Скорочена запис вказівки html квітів складається з решітки і трьох цифр і / або букв за нею. При цьому даний вид запаси можна використовувати тільки в тому випадку, якщо повний запис даного кольору складається однакових символів після решітки. Наприклад, цей же чорний колір можна записати так: # 000. Вказувати html кольору можна як великими, так і маленькими символами, так як вони не чутливі до регістру.

Кожен символ, записаний після "#" відповідає певної частки червоного, зеленого і синього кольорів. У свою чергу всі монітори складаються з величезної кількості пікселів (мікроскопічних точок), кожен з яких включає в себе по 3 так званих "ліхтарика" (джерела світла): червоні, зелений і синій. Потім, регулюючи інтенсивність випромінюваного світла цими "ліхтариками", монітор відображає потрібний нам колір.

Поєднуючи інтенсивність випромінювання червоного, синього і зеленого світла (від 0 для 256) монітори можуть відображати 16.000.000 різних відтінків.

Також кольору для сайтів можуть зазначатися словесно або в RGB коді.

На сьогоднішній день словесно можна прописати 147 квітів. При цьому важливо знати, що деякі різні назви можуть позначати однакові кольори, наприклад Gray і Grey - це сірий колір (# 808080).

Безпечні кольори для сайтів.

Чи не кожен монітор і браузер може правильно відображати всі 16 мільйонів html квітів.

Якщо, наприклад, трапляється такий колір, який браузер не може правильно відобразити, то:

  1. Браузер замінює його на той, який найбільше на нього схожий і може бути вдало відтворено;
  2. Для правильного відображення браузер може змішати кілька кольорів і відтворити результат.

Щоб гарантовано отримати на виході в будь-якому браузері і на будь-якому моніторі той колір, який Ви прописали в коді, рекомендується використовувати "Безпечні кольори". Вони були визначені не вручну або за чиїмось бажанням, а математично. Таких на 100% безпечних кольорів для html документів існує 216. І хоча сьогоднішні технології дійшли до того, що сучасні монітори і браузери розпізнають мільйони відтінків, ми рекомендуємо для гарантії передачі кольору використовувати саме ці безпечні кольори.

Таблиця безпечних кольорів html.
Шістнадцяткова система кольорів. Коди квітів в RGB (Red, Green, Blue).
Код html кольору: # 000000 Колір RGB: 0 0 0
Код html кольору: # 333333 Колір RGB: 51 51 51
Код html кольору: # 666666 Колір RGB: 102 102 102
Код html кольору: # 999999 Колір RGB: 153 153 153
Код html кольору: #CCCCCC Колір RGB: 204 204 204
Код html кольору: #FFFFFF Колір RGB 255 255 255
Код html кольору: # 666600 Колір RGB: 102 102 0
Код html кольору: # 999900 Колір RGB: 153 153 0
Код html кольору: # 999933 Колір RGB: 153 153 51
Код html кольору: # 999966 Колір RGB: 153 153 102
Код html кольору: # CCCC33 Колір RGB: 204 204 51
Код html кольору: # CCCC66 Колір RGB: 204 204 102
Код html кольору: # 333300 Колір RGB: 51 51 0
Код html кольору: # 666633 Колір RGB: 102 102 51
Код html кольору: # CCCC99 Колір RGB: 204 204 153
Код html кольору: # CCFF33 Колір RGB: 204 255 51
Код html кольору: # CCFF00 Колір RGB: 204 255 0
Код html кольору: # CCFF66 Колір RGB: 204 255 102
Код html кольору: # 669900 Колір RGB: 102 153 0
Код html кольору: # 99CC33 Колір RGB: 153 204 51
Код html кольору: # 99CC00 Колір RGB: 153 204 0
Код html кольору: # 99CC66 Колір RGB: 153 204 102
Код html кольору: # 99FF33 Колір RGB: 153 255 51
Код html кольору: # 99FF00 Колір RGB: 153 255 0
Код html кольору: # 336600 Колір RGB 51 102 0
Код html кольору: # 669933 Колір RGB: 102 153 51
Код html кольору: # 66CC33 Колір RGB: 102 204 51
Код html кольору: # 66CC00 Колір RGB: 102 204 0
Код html кольору: # 99FF66 Колір RGB: 153 255 102
Код html кольору: # CCFF99 Колір RGB: 204 255 153
Код html кольору: # 009900 Колір RGB: 0 153 0
Код html кольору: # 339900 Колір RGB 51 153 0
Код html кольору: # 33CC00 Колір RGB 51 204 0
Код html кольору: # 33FF00 Колір RGB 51 255 0
Код html кольору: # 66FF33 Колір RGB: 102 255 51
Код html кольору: # 66FF00 Колір RGB: 102 255 0
Код html кольору: # 00CC33 Колір RGB 0 204 51
Код html кольору: # 33CC33 Колір RGB: 51 204 51
Код html кольору: # 00CC00 Колір RGB: 0 204 0
Код html кольору: # 00FF00 Колір RGB: 0 255 0
Код html кольору: # 00FF33 Колір RGB 0 255 51
Код html кольору: # 33FF33 Колір RGB: 51 255 51
Код html кольору: # 003300 Колір RGB: 0 51 0
Код html кольору: # 336633 Колір RGB: 51 102 51
Код html кольору: # 669966 Колір RGB: 102 153 102
Код html кольору: # 66CC66 Колір RGB: 102 204 102
Код html кольору: # 99CC99 Колір RGB: 153 204 153
Код html кольору: #CCFFCC Колір RGB: 204 255 204
Код html кольору: # 006600 Колір RGB: 0 102 0
Код html кольору: # 339933 Колір RGB: 51 153 51
Код html кольору: # 00FF66 Колір RGB 0 255 102
Код html кольору: # 33FF66 Колір RGB 51 255 102
Код html кольору: # 66FF66 Колір RGB: 102 255 102
Код html кольору: # 99FF99 Колір RGB: 153 255 153
Код html кольору: # 009933 Колір RGB 0 153 51
Код html кольору: # 00CC66 Колір RGB 0 204 102
Код html кольору: # 33CC66 Колір RGB 51 204 102
Код html кольору: # 00FF99 Колір RGB 0 255 153
Код html кольору: # 33FF99 Колір RGB 51 255 153
Код html кольору: # 66FF99 Колір RGB: 102 255 153
Код html кольору: # 006633 Колір RGB 0 102 51
Код html кольору: # 009966 Колір RGB 0 153 102
Код html кольору: # 339966 Колір RGB 51 153 102
Код html кольору: # 00CC99 Колір RGB 0 204 153
Код html кольору: # 33CC99 Колір RGB 51 204 153
Код html кольору: # 66CC99 Колір RGB: 102 204 153
Код html кольору: # 009999 Колір RGB 0 153 153
Код html кольору: # 33CCCC Колір RGB 51 204 204
Код html кольору: # 00FFCC Колір RGB 0 255 204
Код html кольору: # 33FFCC Колір RGB 51 255 204
Код html кольору: # 66FFCC Колір RGB: 102 255 204
Код html кольору: # 99FFCC Колір RGB: 153 255 204
Код html кольору: # 00CCCC Колір RGB 0 204 204
Код html кольору: # 00FFFF Колір RGB 0 255 255
Код html кольору: # 33FFFF Колір RGB 51 255 255
Код html кольору: # 66FFFF Колір RGB: 102 255 255
Код html кольору: # 99FFFF Колір RGB: 153 255 255
Код html кольору: #CCFFFF Колір RGB: 204 255 255
Код html кольору: # 336666 Колір RGB 51 102 102
Код html кольору: # 006666 Колір RGB 0 102 102
Код html кольору: # 669999 Колір RGB: 102 153 153
Код html кольору: # 339999 Колір RGB 51 153 153
Код html кольору: # 66CCCC Колір RGB: 102 204 204
Код html кольору: # 99CCCC Колір RGB: 153 204 204
Код html кольору: # 003333 Колір RGB: 0 51 51
Код html кольору: # 0099CC Колір RGB 0 153 204
Код html кольору: # 3399CC Колір RGB 51 153 204
Код html кольору: # 00CCFF Колір RGB 0 204 255
Код html кольору: # 33CCFF Колір RGB 51 204 255
Код html кольору: # 66CCFF Колір RGB: 102 204 255
Код html кольору: # 006699 Колір RGB 0 102 153
Код html кольору: # 336699 Колір RGB 51 102 153
Код html кольору: # 6699CC Колір RGB: 102 153 204
Код html кольору: # 0099FF Колір RGB 0 153 255
Код html кольору: # 3399FF Колір RGB 51 153 255
Код html кольору: # 99CCFF Колір RGB: 153 204 255
Код html кольору: # 003366 Колір RGB: 0 51 102
Код html кольору: # 003399 Колір RGB: 0 51 153
Код html кольору: # 0033FF Колір RGB: 0 51 255
Код html кольору: # 3366CC Колір RGB 51 102 204
Код html кольору: # 0066CC Колір RGB 0 102 204
Код html кольору: # 0066FF Колір RGB 0 102 255
Код html кольору: # 000033 Колір RGB: 0 0 51
Код html кольору: # 0033CC Колір RGB: 0 51 204
Код html кольору: # 0000CC Колір RGB: 0 0 204
Код html кольору: # 0000FF Колір RGB: 0 0 255
Код html кольору: # 3366FF Колір RGB 51 102 255
Код html кольору: # 6699FF Колір RGB: 102 153 255
Код html кольору: # 000066 Колір RGB: 0 0 102
Код html кольору: # 000099 Колір RGB: 0 0 153
Код html кольору: # 3333CC Колір RGB: 51 51 204
Код html кольору: # 3300CC Колір RGB: 51 0 204
Код html кольору: # 3300FF Колір RGB: 51 0 255
Код html кольору: # 3333FF Колір RGB: 51 51 255
Код html кольору: # 333366 Колір RGB: 51 51 102
Код html кольору: # 333399 Колір RGB: 51 51 153
Код html кольору: # 666699 Колір RGB: 102 102 153
Код html кольору: # 6666CC Колір RGB: 102 102 204
Код html кольору: # 6666FF Колір RGB: 102 102 255
Код html кольору: # 9999CC Колір RGB: 153 153 204
Код html кольору: # 330066 Колір RGB: 51 0 102
Код html кольору: # 330099 Колір RGB: 51 0 153
Код html кольору: # 6600FF Колір RGB: 102 0 255
Код html кольору: # 6633FF Колір RGB: 102 51 255
Код html кольору: # 9999FF Колір RGB: 153 153 255
Код html кольору: #CCCCFF Колір RGB: 204 204 255
Код html кольору: # 330033 Колір RGB: 51 0 51
Код html кольору: # 663399 Колір RGB: 102 51 153
Код html кольору: # 6633CC Колір RGB: 102 51 204
Код html кольору: # 6600CC Колір RGB: 102 0 204
Код html кольору: # 9966FF Колір RGB: 153 102 255
Код html кольору: # 9966CC Колір RGB: 153 102 204
Код html кольору: # 663366 Колір RGB: 102 51 102
Код html кольору: # 660099 Колір RGB: 102 0 153
Код html кольору: # 9900FF Колір RGB: 153 0 255
Код html кольору: # 9933FF Колір RGB: 153 51 255
Код html кольору: # 9933CC Колір RGB: 153 51 204
Код html кольору: # CC99FF Колір RGB: 204 153 255
Код html кольору: # 660066 Колір RGB: 102 0 102
Код html кольору: # 996699 Колір RGB: 153 102 153
Код html кольору: # 9900CC Колір RGB: 153 0 204
Код html кольору: # CC00FF Колір RGB: 204 0 255
Код html кольору: # CC33FF Колір RGB: 204 51 255
Код html кольору: # CC66FF Колір RGB: 204 102 255
Код html кольору: # 993399 Колір RGB: 153 51 153
Код html кольору: # 990099 Колір RGB: 153 0 153
Код html кольору: # CC33CC Колір RGB: 204 51 204
Код html кольору: # CC00CC Колір RGB: 204 0 204
Код html кольору: # CC66CC Колір RGB: 204 102 204
Код html кольору: # CC99CC Колір RGB: 204 153 204
Код html кольору: # CC3399 Колір RGB: 204 51 153
Код html кольору: # FF00FF Колір RGB: 255 0 255
Код html кольору: # FF33FF Колір RGB: 255 51 255
Код html кольору: # FF66FF Колір RGB 255 102 255
Код html кольору: # FF99FF Колір RGB 255 153 255
Код html кольору: #FFCCFF Колір RGB 255 204 255
Код html кольору: # 990066 Колір RGB: 153 0 102
Код html кольору: # CC0099 Колір RGB: 204 0 153
Код html кольору: # CC6699 Колір RGB: 204 102 153
Код html кольору: # FF33CC Колір RGB: 255 51 204
Код html кольору: # FF00CC Колір RGB: 255 0 204
Код html кольору: # FF66CC Колір RGB 255 102 204
Код html кольору: # 660033 Колір RGB: 102 0 51
Код html кольору: # 993366 Колір RGB: 153 51 102
Код html кольору: # CC0066 Колір RGB: 204 0 102
Код html кольору: # FF0099 Колір RGB: 255 0 153
Код html кольору: # FF3399 Колір RGB: 255 51 153
Код html кольору: # FF99CC Колір RGB 255 153 204
Код html кольору: # 663333 Колір RGB: 102 51 51
Код html кольору: # 996666 Колір RGB: 153 102 102
Код html кольору: # CC3366 Колір RGB: 204 51 102
Код html кольору: # FF0066 Колір RGB: 255 0 102
Код html кольору: # FF3366 Колір RGB: 255 51 102
Код html кольору: # FF6699 Колір RGB 255 102 153
Код html кольору: # 330000 Колір RGB: 51 0 0
Код html кольору: # 990033 Колір RGB: 153 0 51
Код html кольору: # 993333 Колір RGB: 153 51 51
Код html кольору: # CC3333 Колір RGB: 204 51 51
Код html кольору: # CC6666 Колір RGB: 204 102 102
Код html кольору: # CC9999 Колір RGB: 204 153 153
Код html кольору: # CC0033 Колір RGB: 204 0 51
Код html кольору: # FF0033 Колір RGB: 255 0 51
Код html кольору: # FF3333 Колір RGB: 255 51 51
Код html кольору: # FF6666 Колір RGB 255 102 102
Код html кольору: # FF9999 Колір RGB 255 153 153
Код html кольору: #FFCCCC Колір RGB 255 204 204
Код html кольору: # 990000 Колір RGB: 153 0 0
Код html кольору: # CC0000 Колір RGB: 204 0 0
Код html кольору: # FF0000 Колір RGB: 255 0 0
Код html кольору: # FF3300 Колір RGB: 255 51 0
Код html кольору: # CC3300 Колір RGB: 204 51 0
Код html кольору: # FF6633 Колір RGB 255 102 51
Код html кольору: # 660000 Колір RGB: 102 0 0
Код html кольору: # 993300 Колір RGB: 153 51 0
Код html кольору: # CC6633 Колір RGB: 204 102 51
Код html кольору: # FF6600 Колір RGB 255 102 0
Код html кольору: # FF9966 Колір RGB 255 153 102
Код html кольору: # FFCC99 Колір RGB 255 204 153
Код html кольору: # 663300 Колір RGB: 102 51 0
Код html кольору: # 996633 Колір RGB: 153 102 51
Код html кольору: # CC6600 Колір RGB: 204 102 0
Код html кольору: # CC9966 Колір RGB: 204 153 102
Код html кольору: # FF9933 Колір RGB 255 153 51
Код html кольору: # FF9900 Колір RGB 255 153 0
Код html кольору: # 996600 Колір RGB: 153 102 0
Код html кольору: # CC9933 Колір RGB: 204 153 51
Код html кольору: # CC9900 Колір RGB: 204 153 0
Код html кольору: # FFCC33 Колір RGB 255 204 51
Код html кольору: # FFCC00 Колір RGB 255 204 0
Код html кольору: # FFCC66 Колір RGB 255 204 102
Код html кольору: # CCCC00 Колір RGB: 204 204 0
Код html кольору: # FFFF00 Колір RGB: 255 255 0
Код html кольору: # FFFF33 Колір RGB: 255 255 51
Код html кольору: # FFFF66 Колір RGB 255 255 102
Код html кольору: # FFFF99 Колір RGB 255 255 153
Код html кольору: #FFFFCC Колір RGB 255 255 204

Дана таблиця включає в себе 216 кодів безпечних html квітів. Кожен колір має значення в RGB для визначення кольору в графічних редакторах і HEX ​​для вказівки кольору на html сторінках.

Таблиця (палітра) квітів htmlнадає вам можливість самостійно підібрати потрібний вам тон. Значення кольору відображається в трьох форматах: Hex, RGB і HSV.

  • Hex складається з трьох двох символьних значень в шістнадцятковій системі числення. Наприклад: # ff00b3, де перша пара чисел - червоний, друга - зелений, а третя - синій.
  • RGB (RedGreenBlue) має вигляд "200,100,255", що позначає кількість відповідного тону (червоний, зелений, синій) в вихідному кольорі.
  • HSV (Hue, Saturation, Value - тон, насиченість, значення) - колірна модель, в якій в якості координат є:
    • Hue - колірний тон, може варіюватися в межах від 0 ° до 360 °.
    • Saturation - насиченість, варіюється в межах 0-100 або 0-1. Чим більше цей параметр, тим «чистіше» колір, тому цей параметр іноді називають чистотою кольору. А чим ближче цей параметр до нуля, тим ближче колір до нейтрального сірого.
    • Value (значення кольору) - задає яскравість, значення так само може варіюватися в межах 0-100 або 0-1.

Введіть код кольору: GO

Список кольорів з назвами

У таблиці перераховані назви кольорів англійською мовою (які можна використовувати в якості значень), підтримувані усіма браузерами, і їх шістнадцяткові значення. Всі перераховані кольору є "безпечними", тобто у всіх браузерах будуть відображатися однаково.

Назва кольору HEX колір
Black#000000
Navy#000080
DarkBlue# 00008B
MediumBlue# 0000CD
Blue# 0000FF
DarkGreen#006400
Green#008000
Teal#008080
DarkCyan# 008B8B
DeepSkyBlue# 00BFFF
DarkTurquoise# 00CED1
MediumSpringGreen# 00FA9A
Lime# 00FF00
SpringGreen# 00FF7F
Aqua# 00FFFF
Cyan# 00FFFF
MidnightBlue#191970
DodgerBlue# 1E90FF
LightSeaGreen# 20B2AA
ForestGreen# 228B22
SeaGreen# 2E8B57
DarkSlateGray# 2F4F4F
LimeGreen# 32CD32
MediumSeaGreen# 3CB371
Turquoise# 40E0D0
RoyalBlue# 4169E1
SteelBlue# 4682B4
DarkSlateBlue# 483D8B
MediumTurquoise# 48D1CC
Indigo# 4B0082
DarkOliveGreen# 556B2F
CadetBlue# 5F9EA0
CornflowerBlue# 6495ED
MediumAquaMarine# 66CDAA
DimGray#696969
SlateBlue# 6A5ACD
OliveDrab# 6B8E23
SlateGray#708090
LightSlateGray#778899
MediumSlateBlue# 7B68EE
LawnGreen# 7CFC00
Chartreuse# 7FFF00
Aquamarine# 7FFFD4
Maroon#800000
Purple#800080
Olive#808000
Gray#808080
SkyBlue# 87CEEB
LightSkyBlue# 87CEFA
BlueViolet# 8A2BE2
DarkRed# 8B0000
DarkMagenta# 8B008B
SaddleBrown# 8B4513
DarkSeaGreen# 8FBC8F
LightGreen# 90EE90
MediumPurple# 9370D8
DarkViolet# 9400D3
PaleGreen# 98FB98
DarkOrchid# 9932CC
YellowGreen# 9ACD32
Sienna# A0522D
Brown# A52A2A
DarkGray# A9A9A9
LightBlue# ADD8E6
GreenYellow# ADFF2F
PaleTurquoise#AFEEEE
LightSteelBlue# B0C4DE
PowderBlue# B0E0E6
FireBrick# B22222
DarkGoldenRod# B8860B
MediumOrchid# BA55D3
RosyBrown# BC8F8F
DarkKhaki# BDB76B
Silver# C0C0C0
MediumVioletRed# C71585
IndianRed# CD5C5C
Peru# CD853F
Chocolate# D2691E
Tan# D2B48C
LightGray# D3D3D3
PaleVioletRed# D87093
Thistle# D8BFD8
Orchid# DA70D6
GoldenRod# DAA520
Crimson# DC143C
Gainsboro#DCDCDC
Plum# DDA0DD
BurlyWood# DEB887
LightCyan# E0FFFF
Lavender# E6E6FA
DarkSalmon# E9967A
Violet# EE82EE
PaleGoldenRod# EEE8AA
LightCoral# F08080
Khaki# F0E68C
AliceBlue# F0F8FF
HoneyDew# F0FFF0
Azure# F0FFFF
SandyBrown# F4A460
Wheat# F5DEB3
Beige# F5F5DC
WhiteSmoke# F5F5F5
MintCream# F5FFFA
GhostWhite# F8F8FF
Salmon# FA8072
AntiqueWhite# FAEBD7
Linen# FAF0E6
LightGoldenRodYellow# FAFAD2
OldLace# FDF5E6
Red# FF0000
Fuchsia# FF00FF
Magenta# FF00FF
DeepPink# FF1493
OrangeRed# FF4500
Tomato# FF6347
HotPink# FF69B4
Coral# FF7F50
Darkorange# FF8C00
LightSalmon# FFA07A
Orange# FFA500
LightPink# FFB6C1
Pink# FFC0CB
Gold# FFD700
PeachPuff# FFDAB9
NavajoWhite#FFDEAD
Moccasin# FFE4B5
Bisque# FFE4C4
MistyRose# FFE4E1
BlanchedAlmond#FFEBCD
PapayaWhip# FFEFD5
LavenderBlush# FFF0F5
SeaShell# FFF5EE
Cornsilk# FFF8DC
LemonChiffon#FFFACD
FloralWhite# FFFAF0
Snow#FFFAFA
Yellow# FFFF00
LightYellow# FFFFE0
Ivory# FFFFF0
White#FFFFFF

коди майнкрафт квітів, Або ж майнкрафт кодиформатування, дозволяють будь-якому гравцеві додавати квіти і всіляко форматувати текст прямо в Minecraft. кольорові кодивід & 0-9 - до & a-f. Додайте їх перед вашим текстом. Повідомлення від гравців можуть містити колірні коди, які дозволяють додавати фарби в ваші пропозиції.

Знак амперсанта (&), за яким йде шістнадцяткове число в повідомлення дає сигнал клієнту для перемикання кольору при відображенні тексту. Крім того, текст може бути відформатований за допомогою символу & , За яким слідує буква. Ви можете додавати різні кольори в книги, командні блоки, ім'я сервера, опис сервера ( motd), В назву світів, в таблички і навіть в іменагравців.

Дуже легко відформатувати ваш текст в конфігах або в грі, використовуючи таблицю кольорів нижче. & R використовується для скидання всіх кодів, тобто & MААА & rБББ буде відображатися як ААА БББ.

Таблиця колірних кодів

код НазваТех.названіеколір символуКолір тіні символу
RGBHexRGBHex
&0 чорнийblack0 0 0 000000 0 0 0 000000
&1 Темно синійdark_blue0 0 170 0000AA0 0 42 00002A
&2 Темно-зеленийdark_green0 170 0 00AA000 42 0 002A00
&3 Темно-синьо-зеленийdark_aqua0 170 170 00AAAA0 42 42 002A2A
&4 Темно червонийdark_red170 0 0 AA000042 0 0 2A0000
&5 Темно фіолетовийdark_purple170 0 170 AA00AA42 0 42 2A002A
&6 Золотийgold255 170 0 FFAA0042 42 0 2A2A00
&7 сірийgray170 170 170 AAAAAA42 42 42 2A2A2A
&8 Темно-сірийdark_gray85 85 85 555555 21 21 21 151515
&9 блакитнийblue85 85 255 5555FF21 21 63 15153F
& a зеленийgreen85 255 85 55FF5521 63 21 153F15
& b Синьо-зеленийaqua85 255 255 55FFFF21 63 63 153F3F
& c червонийred255 85 85 FF555563 21 21 3F1515
& d Світлофіолетовийlight_purple255 85 255 FF55FF63 21 63 3F153F
& e жовтийyellow255 255 85 FFFF5563 63 21 3F3F15
& f білийwhite255 255 255 FFFFFF63 63 63 3F3F3F

Таблиця кодів форматування

Іноді буває потрібно підкреслити, закреслити, виділитибудь-якої текст. Для цього використовується форматування тексту. Використовується точно так само як і кольору (перед текстом ставимо код, Наприклад & lMinecraft = Minecraft.

Модуль CSS color докладно описує значення, які дозволяють авторам визначати кольору і непрозорість html-елементів, а також значення властивості color.

властивість color

1. Пріоритетні кольору: властивість color

Властивість задає колір шрифту за допомогою різних систем передачі кольору. Властивість описує колір текстового вмісту елемента. Крім того, воно використовується для надання потенційного непрямого значення (currentColor) для будь-яких інших властивостей, які приймають значення кольору.

Властивість успадковується.

2. Значення кольору

2.1. Основні ключові слова

Список основних ключових слів включає в себе наступні значення:

Назва HEX RGB колір
black #000000 0,0,0
silver # C0C0C0 192,192,192
gray #808080 128,128,128
white #FFFFFF 255,255,255
maroon #800000 128,0,0
red # FF0000 255,0,0
purple #800080 128,0,128
fuchsia # FF00FF 255,0,255
green #008000 0,128,0
lime # 00FF00 0,255,0
olive #808000 128,128,0
yellow # FFFF00 255,255,0
navy #000080 0,0,128
blue # 0000FF 0,0,255
teal #008080 0,128,128
aqua # 00FFFF 0,255,255

Назви квітів не чутливі до регістру.

синтаксис

Color: teal;

2.2. Числові значення кольору

2.2.1. Кольори моделі RGB

Формат значення RGB в шістнадцятковому форматі - це знак #, за яким відразу слідують три або шість шістнадцяткових символів. Тризначна запис RGB #rgb перетворюється в шестизначну форму #rrggbb шляхом копіювання цифр, а не шляхом додавання нулів. Наприклад, # fb0 розширюється до # ffbb00. Це гарантує, що білий #ffffff може бути вказаний в короткій записи #fff, і видаляє будь-які залежності від глибини кольору дисплея.

Формат значення RGB у функціональній нотації - rgb (, за яким слід розділений комами список з трьох числових значень (або трьох цілочисельних значень, або трьох процентних значень), за якими слід символ). Цілочисельне значення 255 відповідає 100% і F або FF в шістнадцятковій запису:

Rgb (255,255,255) = rgb (100%, 100%, 100%) = #FFF

Символи пробілу допускаються навколо числових значень.

В HTML колір можна задавати трьома способами:

Завдання кольору в HTML по його назві

Деякі кольори можна задавати по їх назві, використовуючи в якості значення назва кольору англійською мовою. Найпоширеніші ключові слова: black (чорний), white (білий), red (червоний), green (зелений), blue (синій) і ін:

Колір тексту - червоний

Найбільш популярні кольори стандарту Консорціуму Всесвітньої павутини (англ. World Wide Web Consortium, W3C):

колірНазваколірНазва колірНазва колірНазва
Black Gray Silver White
Yellow Lime Aqua Fuchsia
Red Green Blue Purple
Maroon Olive Navy Teal

Приклад використання різних колірних назв:

Приклад: завдання кольору по його назві

  • Спробуй сам »

Тема на червоному тлі

Тема на помаранчевому тлі

Тема на тлі лайм

Білий текст на синьому тлі

Тема на червоному тлі

Тема на помаранчевому тлі

Тема на тлі лайм

Білий текст на синьому тлі

Завдання кольору за допомогою RGB

При відображенні різних кольорів на моніторі за основу береться RGB-палітра. Будь-який колір отримують, змішуючи три основних: R - червоний (red), G - зелений (green), В - синій (blue). Яскравість кожного кольору задається одним байтом і, отже, може приймати значення від 0 до 255. Наприклад, RGB (255,0,0) відображається як червоний, так як червоний встановлюється в його найвище значення (255), а інші встановлені в 0 . Також можна задавати колір в процентному відношенні. Кожен з параметрів позначає рівень яскравості відповідного кольору. Наприклад: значення rgb (127, 255, 127) і rgb (50%, 100%, 50%) будуть задавати однаковий зелений колір середньої насиченості:

Приклад: Завдання кольору за допомогою RGB

  • Спробуй сам »

rgb (127, 255, 127)

rgb (50%, 100%, 50%)

rgb (127, 255, 127)

rgb (50%, 100%, 50%)

Завдання кольору по шістнадцятиричним значенням

значення R G Bтакож можуть бути вказані за допомогою шістнадцятирічних (HEX) значень кольору в формі: #RRGGBB, де RR (червоний), GG (зелений) і BB (синій) є шестнадцатерічнимі значеннями від 00 до FF (так само, як десяткове 0-255) . Шістнадцяткова система, на відміну десятковоїсистеми, базується, як випливає з її назви, на числі 16. Шістнадцяткова система використовує наступні знаки: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, А, В, С, D, E, F. Тут цифри від 10 до 15 замінені латинськими буквами. Числа більше 15 в шістнадцятковій системі вдають із себе об'єднанням двох знаків в одне значення. Наприклад, найбільшому числу 255 в десятковій системі відповідає найвище значення FF в шістнадцятковій системі. На відміну десятковоїсистеми, перед шістнадцятковим числом ставлять символ решітки # , Наприклад, # FF0000 відображається як червоний колір, так як червоний встановлюється в його найвище значення (FF), а іншим кольорам встановлено мінімальне значення (00). Знаки після символу решітки # можна набирати як прописними, так і малими. Шістнадцяткова система дозволяє використовувати скорочену форму виду #rgb, де кожен символ рівнозначний подвоєному. Так, запис # f7O слід розцінювати як # ff7700.

Приклад: Колір HEX

  • Спробуй сам »

червоний: # FF0000

зелений: # 00FF00

синій: # 0000FF

червоний: # FF0000

зелений: # 00FF00

синій: # 0000FF

червоний + зелений = жовтий: # FFFF00

червоний + синій = фіолетовий: # FF00FF

зелений + синій = блакитний: # 00FFFF

Список широко поширених кольорів (назва, HEX і RGB):

англійська назва Російська назва зразок HEX RGB
Amaranth амарантовий # E52B50 229 43 80
Amber бурштиновий # FFBF00 255 191 0
Aqua Синьо-зелений # 00FFFF 0 255 255
Azure Лазурний # 007FFF 0 127 255
Black чорний #000000 0 0 0
Blue синій # 0000FF 0 0 255
Bondi Blue Вода пляжу Бонді # 0095B6 0 149 182
Brass латунний # B5A642 181 166 66
Brown коричневий # 964B00 150 75 0
Cerulean Лазурний # 007BA7 0 123 167
Dark spring green Темний весняно-зелений #177245 23 114 69
Emerald Смарагдовий # 50C878 80 200 120
Eggplant баклажановий #990066 153 0 102
Fuchsia фуксія # FF00FF 255 0 255
Gold Золотий # FFD700 250 215 0
Gray сірий #808080 128 128 128
Green зелений # 00FF00 0 255 0
Indigo індиго # 4B0082 75 0 130
Jade Нефритовий # 00A86B 0 168 107
Lime Лайм # CCFF00 204 255 0
Malachite Малахітовий # 0BDA51 11 218 81
Navy Темно синій #000080 0 0 128
Ochre охра # CC7722 204 119 34
Olive оливковий #808000 128 128 0
Orange помаранчевий # FFA500 255 165 0
Peach персиковий # FFE5B4 255 229 180
Pumpkin гарбуз # FF7518 255 117 24
Purple фіолетовий #800080 128 0 128
Red червоний # FF0000 255 0 0
Saffron шафрановий # F4C430 244 196 48
Sea Green зелене море # 2E8B57 46 139 87
Swamp green болотний # ACB78E 172 183 142
Teal Синьо-зелений #008080 0 128 128
Ultramarine ультрамариновий # 120A8F 18 10 143
Violet фіолетовий # 8B00FF 139 0 255
Yellow жовтий # FFFF00 255 255 0

Коди квітів (фон) по насиченості і відтінку.



Сподобалася стаття? поділіться їй