19/09/2018, 15:04

Giá trị màu trong HTML

Các màu được tạo nên nhờ kết hợp 3 màu cơ bản: Đỏ, Xanh Cây và Xanh Lam ( R ed, G reen, B lue) Các màu trong HTML Để hiển thị màu trong HTML bạn có thể sử dụng một trong ba phương thức sau: Mã Hexadecimal Màu RGB Tên màu Mã màu hex Giá trị mã màu Hex được hỗ trợ bởi ...

Các màu được tạo nên nhờ kết hợp 3 màu cơ bản: Đỏ, Xanh Cây và Xanh Lam (Red, Green, Blue)

Các màu trong HTML

Để hiển thị màu trong HTML bạn có thể sử dụng một trong ba phương thức sau:

  • Mã Hexadecimal
  • Màu RGB
  • Tên màu

Mã màu hex

Giá trị mã màu Hex được hỗ trợ bởi hầu hết các trình duyệt phổ biến.

Một mã màu hex có cú pháp: #RRGGBB, trong đó RR (đỏ), GG (xanh lá) and BB (xanh lam). Tất cả các giá trị phải nằm trong khoảng từ 00 đến FF.

Ví dụ: #0000FF sẽ hiển thị là màu xanh lam bởi vì màu xanh lam được thiết lập ở giá trị cao nhất (FF), 2 màu còn lại được thiết lập ở giá trị thấp nhất (00).

Màu RGB

Màu RGB được hỗ trợ bởi hầu hết các trình duyệt phổ biến.

Một màu RGB có cú pháp: rgb(đỏ, xanh cây, xanh lam). Mỗi một tham số (đỏ, xanh cây, xanh lam) được dùng để xác định cường độ màu sắc và là số nguyên nằm trong khoảng 0 tới 255.

Ví dụ: rgb(0,0,255) sẽ hiển thị màu xanh lam bởi vì tham số xanh lam được thiết lập ở giá trị cao nhất (255), 2 màu còn lại được thiết lập ở giá trị thấp nhất (0).

Tên màu

Tất cả các trình duyệt phổ biến đều hỗ trợ 140 tên màu chuẩn

Ví dụ

Demo

Các sắc độ của màu xám thường được định nghĩa bởi giá trị của cả 3 màu: Đen, Xám và Trắng

Demo

Tên màu trong HTML

Bạn có thể sắp xếp theo tên màu hoặc theo mã hex:

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