Tên màu

Công cụ hỗ trợ 140 tên màu, mà bạn có thể sử dụng trong HTML và CSS bằng cách sử dụng tên, mã màu Hex hoặc giá trị RGB.

Nhóm màu đỏ

Màu sắcTênMã HEX Mã RGB
IndianRed#CD5C5Crgb(205, 92, 92)
LightCoral#F08080rgb(240, 128, 128)
Salmon#FA8072rgb(250, 128, 114)
DarkSalmon#E9967Argb(233, 150, 122)
LightSalmon#FFA07Argb(255, 160, 122)
Crimson#DC143Crgb(220, 20, 60)
Red#FF0000rgb(255, 0, 0)
FireBrick#B22222rgb(178, 34, 34)
DarkRed#8B0000rgb(139, 0, 0)

Nhóm màu màu hồng

Màu sắcTênMã HEX Mã RGB
Pink#FFC0CBrgb(255, 192, 203)
LightPink#FFB6C1rgb(255, 182, 193)
HotPink#FF69B4rgb(255, 105, 180)
DeepPink#FF1493rgb(255, 20, 147)
MediumVioletRed#C71585rgb(199, 21, 133)
PaleVioletRed#DB7093rgb(219, 112, 147)

Nhóm màu màu cam

Màu sắcTênMã HEX Mã RGB
LightSalmon#FFA07Argb(255, 160, 122)
Coral#FF7F50rgb(255, 127, 80)
Tomato#FF6347rgb(255, 99, 71)
OrangeRed#FF4500rgb(255, 69, 0)
DarkOrange#FF8C00rgb(255, 140, 0)
Orange#FFA500rgb(255, 165, 0)

Nhóm màu màu vàng

Màu sắcTênMã HEX Mã RGB
Gold#FFD700rgb(255, 215, 0)
Yellow#FFFF00rgb(255, 255, 0)
LightYellow#FFFFE0rgb(255, 255, 224)
LemonChiffon#FFFACDrgb(255, 250, 205)
LightGoldenrodYellow#FAFAD2rgb(250, 250, 210)
PapayaWhip#FFEFD5rgb(255, 239, 213)
Moccasin#FFE4B5rgb(255, 228, 181)
PeachPuff#FFDAB9rgb(255, 218, 185)
PaleGoldenrod#EEE8AArgb(238, 232, 170)
Khaki#F0E68Crgb(240, 230, 140)
DarkKhaki#BDB76Brgb(189, 183, 107)

Nhóm màu màu tím

Màu sắcTênMã HEX Mã RGB
Lavender#E6E6FArgb(230, 230, 250)
Thistle#D8BFD8rgb(216, 191, 216)
Plum#DDA0DDrgb(221, 160, 221)
Violet#EE82EErgb(238, 130, 238)
Orchid#DA70D6rgb(218, 112, 214)
Fuchsia#FF00FFrgb(255, 0, 255)
Magenta#FF00FFrgb(255, 0, 255)
MediumOrchid#BA55D3rgb(186, 85, 211)
MediumPurple#9370DBrgb(147, 112, 219)
RebeccaPurple#663399rgb(102, 51, 153)
BlueViolet#8A2BE2rgb(138, 43, 226)
DarkViolet#9400D3rgb(148, 0, 211)
DarkOrchid#9932CCrgb(153, 50, 204)
DarkMagenta#8B008Brgb(139, 0, 139)
Purple#800080rgb(128, 0, 128)
Indigo#4B0082rgb(75, 0, 130)
SlateBlue#6A5ACDrgb(106, 90, 205)
DarkSlateBlue#483D8Brgb(72, 61, 139)
MediumSlateBlue#7B68EErgb(123, 104, 238)

Nhóm màu xanh lục

Màu sắcTênMã HEX Mã RGB
GreenYellow#ADFF2Frgb(173, 255, 47)
Chartreuse#7FFF00rgb(127, 255, 0)
LawnGreen#7CFC00rgb(124, 252, 0)
Lime#00FF00rgb(0, 255, 0)
LimeGreen#32CD32rgb(50, 205, 50)
PaleGreen#98FB98rgb(152, 251, 152)
LightGreen#90EE90rgb(144, 238, 144)
MediumSpringGreen#00FA9Argb(0, 250, 154)
SpringGreen#00FF7Frgb(0, 255, 127)
MediumSeaGreen#3CB371rgb(60, 179, 113)
SeaGreen#2E8B57rgb(46, 139, 87)
ForestGreen#228B22rgb(34, 139, 34)
Green#008000rgb(0, 128, 0)
DarkGreen#006400rgb(0, 100, 0)
YellowGreen#9ACD32rgb(154, 205, 50)
OliveDrab#6B8E23rgb(107, 142, 35)
Olive#808000rgb(128, 128, 0)
DarkOliveGreen#556B2Frgb(85, 107, 47)
MediumAquamarine#66CDAArgb(102, 205, 170)
DarkSeaGreen#8FBC8Brgb(143, 188, 139)
LightSeaGreen#20B2AArgb(32, 178, 170)
DarkCyan#008B8Brgb(0, 139, 139)
Teal#008080rgb(0, 128, 128)

Nhóm màu xanh lam

Màu sắcTênMã HEX Mã RGB
Aqua#00FFFFrgb(0, 255, 255)
Cyan#00FFFFrgb(0, 255, 255)
LightCyan#E0FFFFrgb(224, 255, 255)
PaleTurquoise#AFEEEErgb(175, 238, 238)
Aquamarine#7FFFD4rgb(127, 255, 212)
Turquoise#40E0D0rgb(64, 224, 208)
MediumTurquoise#48D1CCrgb(72, 209, 204)
DarkTurquoise#00CED1rgb(0, 206, 209)
CadetBlue#5F9EA0rgb(95, 158, 160)
SteelBlue#4682B4rgb(70, 130, 180)
LightSteelBlue#B0C4DErgb(176, 196, 222)
PowderBlue#B0E0E6rgb(176, 224, 230)
LightBlue#ADD8E6rgb(173, 216, 230)
SkyBlue#87CEEBrgb(135, 206, 235)
LightSkyBlue#87CEFArgb(135, 206, 250)
DeepSkyBlue#00BFFFrgb(0, 191, 255)
DodgerBlue#1E90FFrgb(30, 144, 255)
CornflowerBlue#6495EDrgb(100, 149, 237)
MediumSlateBlue#7B68EErgb(123, 104, 238)
RoyalBlue#4169E1rgb(65, 105, 225)
Blue#0000FFrgb(0, 0, 255)
MediumBlue#0000CDrgb(0, 0, 205)
DarkBlue#00008Brgb(0, 0, 139)
Navy#000080rgb(0, 0, 128)
MidnightBlue#191970rgb(25, 25, 112)

Nhóm màu màu nâu

Màu sắcTênMã HEX Mã RGB
Cornsilk#FFF8DCrgb(255, 248, 220)
BlanchedAlmond#FFEBCDrgb(255, 235, 205)
Bisque#FFE4C4rgb(255, 228, 196)
NavajoWhite#FFDEADrgb(255, 222, 173)
Wheat#F5DEB3rgb(245, 222, 179)
BurlyWood#DEB887rgb(222, 184, 135)
Tan#D2B48Crgb(210, 180, 140)
RosyBrown#BC8F8Frgb(188, 143, 143)
SandyBrown#F4A460rgb(244, 164, 96)
Goldenrod#DAA520rgb(218, 165, 32)
DarkGoldenrod#B8860Brgb(184, 134, 11)
Peru#CD853Frgb(205, 133, 63)
Chocolate#D2691Ergb(210, 105, 30)
SaddleBrown#8B4513rgb(139, 69, 19)
Sienna#A0522Drgb(160, 82, 45)
Brown#A52A2Argb(165, 42, 42)
Maroon#800000rgb(128, 0, 0)

Nhóm màu trắng

Màu sắcTênMã HEX Mã RGB
White#FFFFFFrgb(255, 255, 255)
Snow#FFFAFArgb(255, 250, 250)
HoneyDew#F0FFF0rgb(240, 255, 240)
MintCream#F5FFFArgb(245, 255, 250)
Azure#F0FFFFrgb(240, 255, 255)
AliceBlue#F0F8FFrgb(240, 248, 255)
GhostWhite#F8F8FFrgb(248, 248, 255)
WhiteSmoke#F5F5F5rgb(245, 245, 245)
SeaShell#FFF5EErgb(255, 245, 238)
Beige#F5F5DCrgb(245, 245, 220)
OldLace#FDF5E6rgb(253, 245, 230)
FloralWhite#FFFAF0rgb(255, 250, 240)
Ivory#FFFFF0rgb(255, 255, 240)
AntiqueWhite#FAEBD7rgb(250, 235, 215)
Linen#FAF0E6rgb(250, 240, 230)
LavenderBlush#FFF0F5rgb(255, 240, 245)
MistyRose#FFE4E1rgb(255, 228, 225)

Nhóm màu màu xám

Màu sắcTênMã HEX Mã RGB
Gainsboro#DCDCDCrgb(220, 220, 220)
LightGray#D3D3D3rgb(211, 211, 211)
Silver#C0C0C0rgb(192, 192, 192)
DarkGray#A9A9A9rgb(169, 169, 169)
Gray#808080rgb(128, 128, 128)
DimGray#696969rgb(105, 105, 105)
LightSlateGray#778899rgb(119, 136, 153)
SlateGray#708090rgb(112, 128, 144)
DarkSlateGray#2F4F4Frgb(47, 79, 79)
Black#000000rgb(0, 0, 0)

Cách Sử Dụng Tên Màu HTML

Tên màu HTML, giống như mã màu Hex, có thể được áp dụng trong các kiểu HTML nội tuyến hoặc trong một tệp CSS bên ngoài.

html

<!-- In your HTML document -->
<body>
  <h1 style="color:IndianRed">Indian Red Title Text</h1>
  <p style="color:SlateGray">Slate gray paragraph text</p>
</body>

css

/* In your .css stylesheet */
h1 { color: IndianRed; }
p { color: SlateGray; }

Để khám phá thêm về cách sử dụng tên và mã màu HTML trong trang web của bạn, hãy duyệt qua các hướng dẫn bổ sung của chúng tôi để có hướng dẫn chi tiết.

Chia sẻ với bạn bè của bạn!
  • Tweet
  • Post
  • LinkedIn
  • Reddit