Sử dụng trang này để nhận mã màu HTML cho trang web của bạn. Các màu được thể hiện bởi các mô hình màu khác nhau, chẳng hạn như Hexadecimal, RGB, HSL, v.v.
Để tìm hiểu về các màu HTML và cách áp dụng chúng vào trang web của bạn, hãy xem phần HTML Colors của hướng dẫn HTML.
Người chọn màu
Tên màu CSS
Dưới đây là một bảng tên màu CSS. Chúng dựa trên các màu X11 và được hỗ trợ bởi tất cả các trình duyệt chính.
Hãy thử nhấp vào một giá trị. Điều này sẽ mở một thử nghiệm màu nơi bạn có thể kiểm tra các màu khác nhau so với nền trang.
Màu đỏ | ||
Ấn Độ | CD5c5c | 205,92,92 |
Lightcoral | F08080 | 240,128,128 |
Cá hồi | FA8072 | 250,128,114 |
Darksalmon | E9967A | 233,150,122 |
Lightsalmon | FFA07A | 255,160,122 |
Crimson | DC143C | 220,20,60 |
Màu đỏ | FF0000 | 255,0,0 |
Firebrick | B22222 | 178,34,34 |
Đỏ sẫm | 8B0000 | 139,0,0 |
Màu hồng | ||
Hồng | Ffc0cb | 255,192,203 |
Màu hồng nhạt | FFB6C1 | 255,182,193 |
Hotpink | FF69B4 | 255,105,180 |
Màu hồng đậm | FF1493 | 255,20,147 |
Mediumvioletred | C71585 | 199,21,133 |
Nhợt nhạt | DB7093 | 219,112,147 |
Những quả cam | ||
San hô | FF7F50 | 255,127,80 |
Cà chua | FF6347 | 255,99,71 |
Cam | FF4500 | 255,69,0 |
Màu cam đậm | FF8C00 | 255,140,0 |
Quả cam | FFA500 | 255,165,0 |
Màu vàng | ||
Vàng | FFD700 | 255,215,0 |
Màu vàng | FFFF00 | 255,255,0 |
Lightyellow | Ffffe0 | 255,255,224 |
Lemonchiffon | Fffacd | 255,250,205 |
Lightgoldenrodyello | FAFAD2 | 250,250,210 |
Đu đủ | FFEFD5 | 255,239,213 |
Gianh cao | FFE4B5 | 255,228,181 |
Peachpuff | FFDAB9 | 255,218,185 |
Palegoldenrod | EEE8AA | 238,232,170 |
Khaki | F0E68C | 240,230,140 |
Vải kaki màu thẫm | BDB76B | 189,183,107 |
Tím | ||
Hoa oải hương | E6E6FA | 230,230,250 |
Thánh địa | D8BFD8 | 216,191,216 |
Mận | DDA0DD | 221,160,221 |
màu tím | EE82EE | 238,130,238 |
Hoa lan | DA70D6 | 218,112,214 |
Fuchsia | FF00FF | 255,0,255 |
Magenta | FF00FF | 255,0,255 |
Magenta | Trung bình | 186,85,211 |
BA55D3 | Mediumpurple | 147,112,219 |
9370db | Blueviolet | 138,43,226 |
8a2be2 | Màu tím đậm | 148,0,211 |
9400d3 | Darkorchid | 153,50,204 |
9932cc | Darkmagenta | 139,0,139 |
8B008B | 800080 | 128,0,128 |
Màu đỏ tía | 663399 | 102,51,153 |
Rebeccapurple | xanh đậm | 75,0,130 |
4B0082 | MediumSlateblue | 123,104,238 |
7B68EE | Màu xanh đá phiến | 106,90,205 |
6a5acd | DarkslateBlue | 72,61,139 |
483d8b | ||
Rau xanh | Greenyellow | 173,255,47 |
ADFF2F | Chartreuse | 127,255,0 |
7FFF00 | Cỏ xanh | 124,252,0 |
7CFC00 | Chanh xanh | 0,255,0 |
00FF00 | Limegreen | 50,205,50 |
32CD32 | Palegreen | 152,251,152 |
98FB98 | Màu xanh lợt | 144,238,144 |
90ee90 | Mediumspringgreen | 0,250,154 |
00fa9a | Xuân xanh | 0,255,127 |
00ff7f | Trung bình | 60,179,113 |
3CB371 | Biển | 46,139,87 |
2E8B57 | Rừng xanh | 34,139,34 |
228B22 | 008000 | 0,128,0 |
màu xanh lá | 006400 | 0,100,0 |
Màu xanh lá cây đậm | Màu vàng | 154,205,50 |
9ACD32 | Màu xám ô liu | 107,142,35 |
6b8e23 | 808000 | 128,128,0 |
Ôliu | Darkolivegreen | 85,107,47 |
556b2f | Trung bình | 102,205,170 |
66cdaa | DarkseaGreen | 143,188,143 |
8fbc8f | Lightreen | 32,178,170 |
20B2AA | Darkcyan | 0,139,139 |
008B8B | 008080 | 0,128,128 |
Teal | ||
Blues/Cyans | Aqua | 0,255,255 |
00ffff | Aqua | 0,255,255 |
00ffff | Cyan | 224,255,255 |
Lightcyan | E0ffff | 175,238,238 |
Paleturquoise | Afeeee | 127,255,212 |
Aquamarine | 7fffd4 | 64,224,208 |
Màu ngọc lam | 40e0d0 | 72,209,204 |
MediumTurquoise | 48d1cc | 0,206,209 |
Darkturquoise | 00ced1 | 95,158,160 |
Xanh chói | 5F9EA0 | 70,130,180 |
Màu xanh thép | 4682b4 | 176,196,222 |
LightsteelBlue | B0C4DE | 176,224,230 |
Powderblue | B0E0E6 | 173,216,230 |
Ánh sáng | Add8e6 | 135,206,235 |
Trời xanh | 87Ceeb | 135,206,250 |
LightskyBlue | 87cefa | 0,191,255 |
Bầu trời xanh thẳm | 00bfff | 30,144,255 |
DodgerBlue | 1e90ff | 100,149,237 |
Màu xanh hoa ngô đồng | 4169E1 | 65,105,225 |
6495ed | Xanh đậm | 0,0,255 |
Màu xanh da trời | 0000ff | 0,0,205 |
Xanh nhẹ | 0000cd | 0,0,139 |
Xanh đậm | 000080 | 0,0,128 |
00008b | 191970 | 25,25,112 |
Hải quân | ||
Màu xanh nửa đêm | Màu nâu | 255,248,220 |
Râu ngô | FFF8DC | 255,235,205 |
Blanchedalmond | FFEBCD | 255,228,196 |
Bisque | FFE4C4 | 255,222,173 |
Navajowhite | Ffdead | 245,222,179 |
Lúa mì | F5DEB3 | 222,184,135 |
Gỗ lớn | Deb887 | 210,180,140 |
Làn da rám nắng | D2B48C | 188,143,143 |
Rosybrown | BC8F8F | 244,164,96 |
Sandybrown | F4A460 | 218,165,32 |
Goldenrod | DAA520 | 184,134,11 |
Darkgoldenrod | B8860B | 205,133,63 |
Peru | CD853F | 210,105,30 |
Sô cô la | D2691E | 139,69,19 |
Yên xe màu nâu | 8B4513 | 160,82,45 |
Sienna | A0522D | 165,42,42 |
Màu nâu | 800000 | 128,0,0 |
A52A2A | ||
Bỏ rơi | Người da trắng | 255,255,255 |
Trắng | Ffffff | 255,250,250 |
Tuyết | Fffafa | 240,255,240 |
Honeydew | F0fff0 | 245,255,250 |
Mintcream | F5fffa | 240,255,255 |
Azure | F0ffff | 240,248,255 |
AliceBlue | F0f8ff | 248,248,255 |
Ghostwhite | F8f8ff | 245,245,245 |
Khói trắng | F5F5F5 | 255,245,238 |
Vỏ sò | FFF5EE | 245,245,220 |
Be | F5F5DC | 253,245,230 |
Oldlace | FDF5E6 | 255,250,240 |
Hoa | FFFAF0 | 255,255,240 |
Ngà voi | Fffff0 | 250,235,215 |
Antiquewhite | Faebd7 | 250,240,230 |
Lanh | FAF0E6 | 255,240,245 |
Lavenderblush | FFF0F5 | 255,228,225 |
Mistyrose | ||
FFE4E1 | Grays | 220,220,220 |
Gainsboro | DCDCDC | 211,211,211 |
Xám nhạt | DCDCDC | 211,211,211 |
Xám nhạt | D3D3D3 | 192,192,192 |
Lightgrey | Màu bạc | 169,169,169 |
Màu xám đen | A9A9A9 | 169,169,169 |
Xám | 808080 | 128,128,128 |
Xám | 808080 | 128,128,128 |
Dimgray | 696969 | 105,105,105 |
Lén lút | 696969 | 105,105,105 |
LightslateGray | 778899 | 119,136,153 |
LightslateGrey | 778899 | 119,136,153 |
Phiến đá xám | 708090 | 112,128,144 |
Slategrey | 708090 | 112,128,144 |
Darkslategray | 2F4F4F | 47,79,79 |
Darkslategrey | 2F4F4F | 47,79,79 |
Darkslategrey | 000000 | 0,0,0 |
Màu đen
Nhiều biểu đồ màu hơn
Dưới đây là một cái nhìn thoáng qua nhanh chóng để xem các màu được sử dụng như thế nào trên web.
Web Màu sắc an toàn
Biểu đồ này hiển thị các màu "an toàn web" 216. Nhấp vào một màu để hiển thị nó trong một trang mới. | #FFFFFF | #FFFFCC | #FFFF99 | #Ffff66 | #FFFF33 |
#FFFF00 | #FFCCFF | #FFCCCC | #Ffcc99 | #Ffcc66 | #Ffcc33 |
#FFCC00 | #Ff99ff | #Ff99cc | #FF9999 | #FF9966 | #FF9933 |
#FF9900 | #Ff66ff | #Ff66cc | #FF6699 | #FF6666 | #FF6633 |
#FF6600 | #Ff33ff | #Ff33cc | #FF3399 | #FF3366 | #FF3333 |
#FF3300 | #Ff00ff | #Ff00cc | #FF0099 | #FF0066 | #FF0033 |
#FF0000 | #CCFFFF | #CCFFCC | #CCFF99 | #CCFF66 | #CCFF33 |
#CCFF00 | #CCCCFF | #CCCCCC | #CCCC99 | #CCCC66 | #CCCC33 |
#CCCC00 | #Cc99ff | #CC99CC | #CC9999 | #CC9966 | #CC9933 |
#CC9900 | #Cc66ff | #CC66CC | #CC6699 | #CC6666 | #CC6633 |
#CC6600 | #Cc33ff | #CC33CC | #CC3399 | #CC3366 | #CC3333 |
#CC3300 | #CC00FF | #CC00CC | #CC0099 | #CC0066 | #CC0033 |
#CC0000 | #99ffff | #99FFCC | #99FF99 | #99FF66 | #99FF33 |
#99FF00 | #99ccff | #99CCCC | #99CC99 | #99CC66 | #99CC33 |
#99CC00 | #9999ff | #9999cc | #999999 | #999966 | #999933 |
#999900 | #9966ff | #9966cc | #996699 | #996666 | #996633 |
#996600 | #9933ff | #9933cc | #993399 | #993366 | #993333 |
#993300 | #9900ff | #9900cc | #990099 | #990066 | #990033 |
#990000 | #66ffff | #66FFCC | #66ff99 | #66ff66 | #66FF33 |
#66FF00 | #66ccff | #66CCCC | #66CC99 | #66CC66 | #66CC33 |
#66CC00 | #6699ff | #6699cc | #669999 | #669966 | #669933 |
#669900 | #6666ff | #6666cc | #666699 | #666666 | #666633 |
#666600 | #6633ff | #6633cc | #663399 | #663366 | #663333 |
#663300 | #6600ff | #6600cc | #660099 | #660066 | #660033 |
#660000 | #33ffff | #33ffcc | #33ff99 | #33ff66 | #33ff33 |
#33ff00 | #33ccff | #33CCCC | #33cc99 | #33CC66 | #33CC33 |
#33cc00 | #3399ff | #3399cc | #339999 | #339966 | #339933 |
#339900 | #3366ff | #3366cc | #336699 | #336666 | #336633 |
#336600 | #3333ff | #3333cc | #333399 | #333366 | #333333 |
#333300 | #3300ff | #3300cc | #330099 | #330066 | #330033 |
#330000 | #00ffff | #00FFCC | #00FF99 | #00FF66 | #00FF33 |
#00FF00 | #00ccff | #00cccc | #00CC99 | #00CC66 | #00CC33 |
#00CC00 | #0099ff | #0099cc | #009999 | #009966 | #009933 |
#009900 | #0066ff | #0066cc | #006699 | #006666 | #006633 |
#006600 | #0033ff | #0033cc | #003399 | #003366 | #003333 |
#003300 | #0000ff | #0000cc | #000099 | #000066 | #000033 |
#000000
Các màu web an toàn có còn liên quan không?
"Bảng màu an toàn web" đã được sử dụng rất nhiều trong những ngày đầu của web, đặc biệt là vào cuối những năm 1990.
Là "an toàn web" có nghĩa là màu sắc sẽ được hiển thị nhất quán trên các hệ thống máy tính khác nhau. Trước đó, hầu hết các màn hình máy tính đều có độ sâu 8 bit, điều đó có nghĩa là chúng chỉ có thể hiển thị 256 màu. Ngoài ra, một số màu sắc đó không được hiển thị nhất quán giữa các hệ thống khác nhau.
Nếu một trang web được chỉ định một màu không có sẵn trên màn hình, nó sẽ hiển thị một màu khác có sẵn hoặc cố gắng tạo ra màu bằng cách sử dụng quy trình phối màu.
Ngày nay, thường không cần phải giới hạn bản thân trong các màu an toàn trên web, vì hầu hết các máy tính [và thậm chí cả thiết bị di động] có thể hiển thị hàng triệu màu, vì vậy vấn đề không còn phổ biến.
Tuy nhiên, không có gì để ngăn bạn tiếp tục sử dụng bảng màu này ngày hôm nay. Sử dụng Web Safe Colors có thể cung cấp một cái nhìn tươi sáng và táo bạo, và có thể mang lại một diện mạo mới cho trang web của bạn!
Tên màu HTML3 và HTML4
Có một thời gian mà đặc tả HTML xác định các tên màu có thể được sử dụng trong các tài liệu HTML. Điều này không còn là trường hợp - CSS đã đảm nhận trách nhiệm xác định màu sắc trong các tài liệu HTML.
Biểu đồ mã màu sau đây chứa 16 tên màu HTML chính thức từ đặc tả HTML 3.2, đã trở thành một khuyến nghị chính thức vào ngày 14 tháng 1 năm 1997.
Các tên màu tương tự được bao gồm trong đặc tả HTML 4.01, đã trở thành một khuyến nghị chính thức vào ngày 24 tháng 12 năm 1999.
Darkslategrey | 000000 | 0,0,0 |
Mã thập phân RGB | Màu bạc | 192,192,192 |
Xám | 808080 | 128,128,128 |
C0C0C0 | Trắng | 255,255,255 |
Ffffff | 800000 | 128,0,0 |
Bỏ rơi | Màu đỏ | 255,0,0 |
Mã thập phân RGB | 800080 | 128,0,128 |
Màu bạc | C0C0C0 | 255,0,255 |
Trắng | 008000 | 0,128,0 |
Ffffff | Bỏ rơi | 0,255,0 |
Màu đỏ | 808000 | 128,128,0 |
FF0000 | Màu đỏ tía | 255,255,0 |
Mã thập phân RGB | 000080 | 0,0,128 |
Màu bạc | C0C0C0 | 0,0,255 |
Trắng | 008080 | 0,128,128 |
Ffffff | Bỏ rơi | 0,255,255 |
Màu đỏ
FF0000
Tuy nhiên, do những hạn chế của màn hình máy tính vào thời điểm đó, các nhà thiết kế web thường giới hạn bản thân chỉ với các màu an toàn trên web.
CSS1 & CSS2
Cả đặc tả CSS1 [17 tháng 12 năm 1996] và đặc tả CSS2 [12 tháng 5 năm 1998] bao gồm 16 tên màu được xác định trong HTML 3.2 và HTML 4.0.
Như với các thông số kỹ thuật HTML, CSS đã hỗ trợ việc sử dụng ký hiệu thập lục phân để chỉ định màu sắc bên ngoài phạm vi này.
Nhưng CSS cũng giới thiệu hàm rgb[]
, cho phép màu sắc được chỉ định làm danh sách ba chữ số được phân tách bằng dấu phẩy, với mỗi bộ chữ số trong phạm vi 0-255. Ví dụ: rgb[255,0,0]
đại diện cho cùng màu với #FF000
và tên màu red
.
Màu sắc hệ thống
Ngoài việc có thể gán các giá trị từ khóa màu [tên màu, giá trị hex, RGB], CSS2 cho phép các tác giả chỉ định màu theo cách tích hợp chúng vào môi trường đồ họa của người dùng.
Các danh sách sau đây liệt kê các giá trị bổ sung cho các giá trị CSS liên quan đến màu và ý nghĩa chung của chúng.
ActiveBorder Active Window Border. ActiveCaption chú thích cửa sổ hoạt động. Appworkspace màu nền của nhiều giao diện tài liệu. Nền nền nền. Màu mặt nút cho các yếu tố hiển thị ba chiều. Nút bóng tối bóng tối cho các phần tử hiển thị ba chiều [cho các cạnh hướng ra khỏi nguồn sáng]. Màu bóng nút cho các yếu tố hiển thị ba chiều. Text văn bản trên các nút nhấn. CaptionText văn bản trong Chú thích, hộp kích thước và hộp mũi tên ScrollBar. Văn bản xám xám [vô hiệu hóa]. Màu này được đặt thành #000 nếu trình điều khiển hiển thị hiện tại không hỗ trợ màu xám rắn. [Các] mục nổi bật được chọn trong một điều khiển. Điểm nổi bật văn bản của [các] mục được chọn trong một điều khiển. Không hoạt động đường viền cửa sổ không hoạt động. Không hoạt động chú thích cửa sổ không hoạt động. Màu sắc không hoạt động của văn bản trong một chú thích không hoạt động. Màu nền thông tin cho các điều khiển công cụ. Màu văn bản infotext cho các điều khiển công cụ. Menu nền nền. Menutext văn bản trong menu. Scrollbar cuộn khu vực màu xám. Threeddarkshadow bóng tối cho các yếu tố hiển thị ba chiều. Màu mặt ba chiều cho các yếu tố hiển thị ba chiều. Đèn kết nổi bật màu sắc cho các yếu tố hiển thị ba chiều. Threedlightshadow màu sáng cho các phần tử hiển thị ba chiều [cho các cạnh đối diện với nguồn sáng]. Threedshadow bóng tối cho các yếu tố hiển thị ba chiều. Nền cửa sổ. Khung cửa sổ WindowFrame. Văn bản WindowText trong Windows.Những màu hệ thống này đã được không phản đối trong CSS3. Ban đầu, chúng được thay thế bằng thuộc tính appearance
, nhưng sau đó đã bị loại khỏi đặc tả CSS3. They were initially replaced by the appearance
property, but that was subsequently dropped from the CSS3 specification.
CSS 2.1
Thông số kỹ thuật CSS 2.1 [07 tháng 6 năm 2011] đã thêm Orange vào danh sách các tên màu, đưa tổng số lên 17 tên màu.
Thật thú vị, mô -đun màu CSS cấp 3 đã trở thành một khuyến nghị chính thức trong cùng một ngày và cung cấp 147 tên màu. Thêm về điều đó dưới đây.
Màu sắc hệ thống
Ngoài việc có thể gán các giá trị từ khóa màu [tên màu, giá trị hex, RGB], CSS2 cho phép các tác giả chỉ định màu theo cách tích hợp chúng vào môi trường đồ họa của người dùng.
CSS3
Các danh sách sau đây liệt kê các giá trị bổ sung cho các giá trị CSS liên quan đến màu và ý nghĩa chung của chúng.
ActiveBorder Active Window Border. ActiveCaption chú thích cửa sổ hoạt động. Appworkspace màu nền của nhiều giao diện tài liệu. Nền nền nền. Màu mặt nút cho các yếu tố hiển thị ba chiều. Nút bóng tối bóng tối cho các phần tử hiển thị ba chiều [cho các cạnh hướng ra khỏi nguồn sáng]. Màu bóng nút cho các yếu tố hiển thị ba chiều. Text văn bản trên các nút nhấn. CaptionText văn bản trong Chú thích, hộp kích thước và hộp mũi tên ScrollBar. Văn bản xám xám [vô hiệu hóa]. Màu này được đặt thành #000 nếu trình điều khiển hiển thị hiện tại không hỗ trợ màu xám rắn. [Các] mục nổi bật được chọn trong một điều khiển. Điểm nổi bật văn bản của [các] mục được chọn trong một điều khiển. Không hoạt động đường viền cửa sổ không hoạt động. Không hoạt động chú thích cửa sổ không hoạt động. Màu sắc không hoạt động của văn bản trong một chú thích không hoạt động. Màu nền thông tin cho các điều khiển công cụ. Màu văn bản infotext cho các điều khiển công cụ. Menu nền nền. Menutext văn bản trong menu. Scrollbar cuộn khu vực màu xám. Threeddarkshadow bóng tối cho các yếu tố hiển thị ba chiều. Màu mặt ba chiều cho các yếu tố hiển thị ba chiều. Đèn kết nổi bật màu sắc cho các yếu tố hiển thị ba chiều. Threedlightshadow màu sáng cho các phần tử hiển thị ba chiều [cho các cạnh đối diện với nguồn sáng]. Threedshadow bóng tối cho các yếu tố hiển thị ba chiều. Nền cửa sổ. Khung cửa sổ WindowFrame. Văn bản WindowText trong Windows.
Những màu hệ thống này đã được không phản đối trong CSS3. Ban đầu, chúng được thay thế bằng thuộc tính appearance
, nhưng sau đó đã bị loại khỏi đặc tả CSS3.
CSS 2.1
Thông số kỹ thuật CSS 2.1 [07 tháng 6 năm 2011] đã thêm Orange vào danh sách các tên màu, đưa tổng số lên 17 tên màu.
Thật thú vị, mô -đun màu CSS cấp 3 đã trở thành một khuyến nghị chính thức trong cùng một ngày và cung cấp 147 tên màu. Thêm về điều đó dưới đây.