Mã màu hồng nhạt. Màu sắc trong kiểu có thể được chỉ định theo nhiều cách khác nhau: theo giá trị thập lục phân, theo tên, ở định dạng RGB, RGBA, HSL, HSLA
Trong HTML, màu sắc có thể được chỉ định theo ba cách:
Đặt màu trong HTML theo tên của nó
Một số màu có thể được chỉ định theo tên của chúng, sử dụng tên màu bằng tiếng Anh làm giá trị. Các từ khóa phổ biến nhất: đen, trắng, đỏ, xanh lá cây, xanh dương, v.v.:
Màu văn bản – đỏ
Các màu phổ biến nhất của tiêu chuẩn World Wide Web Consortium (W3C):
Màu sắc | Tên | Màu sắc | Tên | Màu sắc | Tên | Màu sắc | Tên |
---|---|---|---|---|---|---|---|
Đen | Xám | Bạc | Trắng | ||||
Màu vàng | Chanh xanh | Thủy | hoa vân anh | ||||
Màu đỏ | Màu xanh lá | Màu xanh da trời | Màu tím | ||||
Bỏ rơi | Ôliu | Hải quân | màu xanh mòng két |
Ví dụ về việc sử dụng tên màu khác nhau:
Ví dụ: chỉ định màu theo tên của nó
- Hãy tự mình thử xem"
Tiêu đề trên nền đỏ
Tiêu đề trên nền màu cam
Tiêu đề trên nền vôi
Chữ trắng trên nền xanh
Tiêu đề trên nền đỏ
Tiêu đề trên nền màu cam
Tiêu đề trên nền vôi
Chữ trắng trên nền xanh
Chỉ định màu bằng RGB
Khi hiển thị các màu khác nhau trên màn hình, bảng màu RGB được sử dụng làm cơ sở. Bất kỳ màu nào có được bằng cách trộn ba màu cơ bản: R - đỏ, G - xanh, B - màu xanh. Độ sáng của mỗi màu được cung cấp bởi một byte và do đó có thể lấy các giá trị từ 0 đến 255. Ví dụ: RGB(255,0,0) được hiển thị dưới dạng màu đỏ vì màu đỏ được đặt ở giá trị cao nhất (255) và phần còn lại được đặt thành 0 Bạn cũng có thể đặt màu theo phần trăm. Mỗi thông số cho biết mức độ sáng của màu tương ứng. Ví dụ: các giá trị rgb(127, 255, 127) và rgb(50%, 100%, 50%) sẽ đặt cùng màu xanh lục trung bình:
Ví dụ: Chỉ định màu bằng RGB
- Hãy tự mình thử xem"
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
Đặt màu theo giá trị thập lục phân
Giá trị R G B cũng có thể được chỉ định bằng cách sử dụng các giá trị màu thập lục phân (HEX) ở dạng: #RRGGBB trong đó RR (đỏ), GG (xanh lục) và BB (xanh lam) là các giá trị thập lục phân từ 00 đến FF (giống như số thập phân 0-255 ) . Hệ thập lục phân, không giống như hệ thập phân, dựa trên số 16, như tên gọi của nó. Hệ thập lục phân sử dụng các ký hiệu sau: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Ở đây các số từ 10 đến 15 được thay thế bằng các chữ cái Latinh. Các số lớn hơn 15 trong hệ thập lục phân được biểu diễn bằng cách kết hợp hai ký tự thành một giá trị. Ví dụ: số cao nhất 255 ở dạng thập phân tương ứng với giá trị FF cao nhất ở dạng thập lục phân. Không giống như hệ thập phân, số thập lục phân được bắt đầu bằng ký hiệu băm. # , ví dụ: #FF0000 được hiển thị là màu đỏ vì màu đỏ được đặt ở giá trị cao nhất (FF) và các màu còn lại được đặt ở giá trị tối thiểu (00). Dấu hiệu sau ký hiệu băm # Bạn có thể gõ cả chữ hoa và chữ thường. Hệ thập lục phân cho phép bạn sử dụng dạng viết tắt #rgb, trong đó mỗi ký tự tương đương với double. Vì vậy, mục #f7O nên được coi là #ff7700.
Ví dụ: Màu HEX
- Hãy tự mình thử xem"
màu đỏ: #FF0000
màu xanh lá cây: #00FF00
màu xanh: #0000FF
màu đỏ: #FF0000
màu xanh lá cây: #00FF00
màu xanh: #0000FF
đỏ+xanh=vàng: #FFFF00
đỏ+xanh=tím: #FF00FF
xanh lá cây+xanh dương=lục lam: #00FFFF
Danh sách các màu phổ biến (tên, HEX và RGB):
tên tiêng Anh | Tên tiếng Nga | Vật mẫu | HEX | RGB | ||
---|---|---|---|---|---|---|
dền | dền | #E52B50 | 229 | 43 | 80 | |
Hổ phách | Hổ phách | #FFBF00 | 255 | 191 | 0 | |
Thủy | Xanh lam | #00FFFF | 0 | 255 | 255 | |
Azure | Azure | #007FFF | 0 | 127 | 255 | |
Đen | Đen | #000000 | 0 | 0 | 0 | |
Màu xanh da trời | Màu xanh da trời | #0000FF | 0 | 0 | 255 | |
Bondi xanh | Nước biển Bondi | #0095B6 | 0 | 149 | 182 | |
Thau | Thau | #B5A642 | 181 | 166 | 66 | |
Màu nâu | Màu nâu | #964B00 | 150 | 75 | 0 | |
màu xanh thiên thanh | Azure | #007BA7 | 0 | 123 | 167 | |
Mùa xuân xanh đậm | Mùa xuân xanh đậm | #177245 | 23 | 114 | 69 | |
ngọc lục bảo | ngọc lục bảo | #50C878 | 80 | 200 | 120 | |
Cà tím | Cà tím | #990066 | 153 | 0 | 102 | |
hoa vân anh | hoa vân anh | #FF00FF | 255 | 0 | 255 | |
Vàng | Vàng | #FFD700 | 250 | 215 | 0 | |
Xám | Xám | #808080 | 128 | 128 | 128 | |
Màu xanh lá | Màu xanh lá | #00FF00 | 0 | 255 | 0 | |
xanh đậm | xanh đậm | #4B0082 | 75 | 0 | 130 | |
Ngọc | Ngọc | #00A86B | 0 | 168 | 107 | |
Chanh xanh | Chanh xanh | #CCFF00 | 204 | 255 | 0 | |
Malachite | Malachite | #0BDA51 | 11 | 218 | 81 | |
Hải quân | Xanh đậm | #000080 | 0 | 0 | 128 | |
đất son | đất son | #CC7722 | 204 | 119 | 34 | |
Ôliu | Ôliu | #808000 | 128 | 128 | 0 | |
Quả cam | Quả cam | #FFA500 | 255 | 165 | 0 | |
Quả đào | Quả đào | #FFE5B4 | 255 | 229 | 180 | |
Quả bí ngô | Quả bí ngô | #FF7518 | 255 | 117 | 24 | |
Màu tím | màu tím | #800080 | 128 | 0 | 128 | |
Màu đỏ | Màu đỏ | #FF0000 | 255 | 0 | 0 | |
Nghệ tây | Nghệ tây | #F4C430 | 244 | 196 | 48 | |
Biển Xanh | Biển xanh | #2E8B57 | 46 | 139 | 87 | |
Đầm lầy xanh | Bolotny | #ACB78E | 172 | 183 | 142 | |
màu xanh mòng két | Xanh lam | #008080 | 0 | 128 | 128 | |
Siêu biển | Siêu biển | #120A8F | 18 | 10 | 143 | |
màu tím | màu tím | #8B00FF | 139 | 0 | 255 | |
Màu vàng | Màu vàng | #FFFF00 | 255 | 255 | 0 |
Mã màu (nền) theo độ bão hòa và màu sắc.
Mã màu trong CSS được sử dụng để chỉ định màu sắc. Thông thường, mã màu hoặc giá trị màu được sử dụng để đặt màu cho màu nền trước của một phần tử (ví dụ: màu văn bản, màu liên kết) hoặc màu nền của một phần tử (màu nền, màu khối). Chúng cũng có thể được sử dụng để thay đổi màu của nút, đường viền, điểm đánh dấu, di chuột và các hiệu ứng trang trí khác.
Bạn có thể chỉ định giá trị màu của mình ở nhiều định dạng khác nhau. Bảng sau liệt kê tất cả các định dạng có thể có:
Các định dạng được liệt kê được mô tả chi tiết hơn dưới đây.
Màu CSS - Mã Hex
Mã màu thập lục phân là một đại diện sáu chữ số của màu sắc. Hai chữ số đầu tiên (RR) đại diện cho giá trị màu đỏ, hai chữ số tiếp theo đại diện cho giá trị màu xanh lá cây (GG) và hai chữ số cuối cùng đại diện cho giá trị màu xanh lam (BB).
Màu CSS - Mã Hex ngắn
Mã màu hex ngắn là một dạng ký hiệu sáu ký tự ngắn hơn. Ở định dạng này, mỗi chữ số được lặp lại để tạo ra giá trị màu gồm sáu chữ số tương đương. Ví dụ: #0F0 trở thành #00FF00.
Giá trị thập lục phân có thể được lấy từ bất kỳ phần mềm đồ họa nào như Adobe Photoshop, Core Draw, v.v.
Mỗi mã màu thập lục phân trong CSS sẽ được bắt đầu bằng dấu băm "#". Dưới đây là ví dụ về cách sử dụng ký hiệu thập lục phân.
Màu CSS - Giá trị RGB
Giá trị RGB là mã màu được đặt bằng thuộc tính rgb(). Thuộc tính này nhận ba giá trị: mỗi giá trị cho màu đỏ, xanh lục và xanh lam. Giá trị có thể là số nguyên, từ 0 đến 255 hoặc phần trăm.
Ghi chú: Không phải tất cả các trình duyệt đều hỗ trợ thuộc tính màu rgb(), vì vậy không nên sử dụng nó.
Dưới đây là ví dụ hiển thị nhiều màu sử dụng giá trị RGB.
Trình tạo mã màu
Bạn có thể tạo hàng triệu mã màu bằng dịch vụ của chúng tôi.
Màu sắc an toàn của trình duyệt
Dưới đây là bảng gồm 216 màu an toàn nhất và không phụ thuộc vào máy tính. Những màu này trong CSS có phạm vi từ mã thập lục phân 000000 đến FFFFFF. Chúng an toàn khi sử dụng vì chúng đảm bảo rằng tất cả các máy tính hiển thị màu chính xác khi làm việc với bảng màu 256.
Bảng màu "an toàn" trong CSS | |||||
#000000 | #000033 | #000066 | #000099 | #0000CC | #0000FF |
#003300 | #003333 | #003366 | #003399 | #0033CC | #0033FF |
#006600 | #006633 | #006666 | #006699 | #0066CC | #0066FF |
#009900 | #009933 | #009966 | #009999 | #0099CC | #0099FF |
#00CC00 | #00CC33 | #00CC66 | #00CC99 | #00CCCC | #00CCFF |
#00FF00 | #00FF33 | #00FF66 | #00FF99 | #00FFCC | #00FFFF |
#330000 | #330033 | #330066 | #330099 | #3300CC | #3300FF |
#333300 | #333333 | #333366 | #333399 | #3333CC | #3333FF |
#336600 | #336633 | #336666 | #336699 | #3366CC | #3366FF |
#339900 | #339933 | #339966 | #339999 | #3399CC | #3399FF |
#33CC00 | #33CC33 | #33CC66 | #33CC99 | #33CCCC | #33CCFF |
#33FF00 | #33FF33 | #33FF66 | #33FF99 | #33FFCC | #33FFFF |
#660000 | #660033 | #660066 | #660099 | #6600CC | #6600FF |
#663300 | #663333 | #663366 | #663399 | #6633CC | #6633FF |
#666600 | #666633 | #666666 | #666699 | #6666CC | #6666FF |
#669900 | #669933 | #669966 | #669999 | #6699CC | #6699FF |
#66CC00 | #66CC33 | #66CC66 | #66CC99 | #66CCCC | #66CCFF |
#66FF00 | #66FF33 | #66FF66 | #66FF99 | #66FFCC | #66FFFF |
#990000 | #990033 | #990066 | #990099 | #9900CC | #9900FF |
#993300 | #993333 | #993366 | #993399 | #9933CC | #9933FF |
#996600 | #996633 | #996666 | #996699 | #9966CC | #9966FF |
#999900 | #999933 | #999966 | #999999 | #9999CC | #9999FF |
#99CC00 | #99CC33 | #99CC66 | #99CC99 | #99CCCC | #99CCFF |
#99FF00 | #99FF33 | #99FF66 | #99FF99 | #99FFCC | #99FFFF |
#CC0000 | #CC0033 | #CC0066 | #CC0099 | #CC00CC | #CC00FF |
#CC3300 | #CC3333 | #CC3366 | #CC3399 | #CC33CC | #CC33FF |
#CC6600 | #CC6633 | #CC6666 | #CC6699 | #CC66CC | #CC66FF |
#CC9900 | #CC9933 | #CC9966 | #CC9999 | #CC99CC | #CC99FF |
#CCCC00 | #CCCC33 | #CCCC66 | #CCCC99 | #CCCCCC | #CCCCFF |
#CCFF00 | #CCFF33 | #CCFF66 | #CCFF99 | #CCFFCC | #CCFFFF |
#FF0000 | #FF0033 | #FF0066 | #FF0099 | #FF00CC | #FF00FF |
#FF3300 | #FF3333 | #FF3366 | #FF3399 | #FF33CC | #FF33FF |
#FF6600 | #FF6633 | #FF6666 | #FF6699 | #FF66CC | #FF66FF |
#FF9900 | #FF9933 | #FF9966 | #FF9999 | #FF99CC | #FF99FF |
#FFCC00 | #FFCC33 | #FFCC66 | #FFCC99 | #FFCCCC | #FFCCFF |
#FFFF00 | #FFFF33 | #FFFF66 | #FFFF99 | #FFFFCC | #FFFFFF |
Mã Minecraft màu sắc hoặc Minecraft mã sốđịnh dạng, cho phép bất kỳ người chơi nào thêm hoa và định dạng văn bản theo mọi cách có thể trực tiếp trong Minecraft. Mã màu từ &0-9 - đến &a-f. Thêm chúng trước văn bản của bạn. Tin nhắn từ người chơi có thể chứa mã màu cho phép bạn thêm màu vào câu của mình.
Màu sắc và mã định dạng
Dấu và (&) theo sau là số thập lục phân trong tin nhắn báo hiệu máy khách chuyển màu khi hiển thị văn bản. Ngoài ra, văn bản có thể được định dạng bằng & theo sau là một chữ cái. Bạn có thể thêm các màu khác nhau vào sách, khối lệnh, tên máy chủ, mô tả máy chủ (motd), tên thế giới, bảng hiệu và thậm chí cả tên người chơi.
Rất dễ dàng để định dạng văn bản của bạn trong cấu hình hoặc trong trò chơi bằng biểu đồ màu bên dưới. &r được sử dụng để đặt lại tất cả các mã, tức là &mAAA&rBBB sẽ được hiển thị dưới dạng AAA BBB.
Chúng tôi trình bày bảng mã màu hiện có trong Minecraft để bạn thuận tiện:
Mã số | Tên | Tên kỹ thuật | Màu biểu tượng | Màu bóng biểu tượng | ||||||
---|---|---|---|---|---|---|---|---|---|---|
R | G | B | lục giác | R | G | B | lục giác | |||
&0 | Đen | đen | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
&1 | Xanh đậm | xanh đậm | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002A |
&2 | Màu xanh lá cây đậm | Màu xanh lá cây đậm | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
&3 | Màu xanh đậm | dark_aqua | 0 | 170 | 170 | 00AAA | 0 | 42 | 42 | 002A2A |
&4 | Đỏ sẫm | đỏ sẫm | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
&5 | Màu tím đậm | màu tím đậm | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
&6 | Vàng | vàng | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
&7 | Xám | xám | 170 | 170 | 170 | AAAAAA | 42 | 42 | 42 | 2A2A2A |
&8 | Màu xám đen | màu xám đen | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
&9 | Màu xanh da trời | màu xanh da trời | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
&Một | Màu xanh lá | màu xanh lá | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
&b | Xanh lam | nước | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
&c | Màu đỏ | màu đỏ | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
&d | Màu tím nhạt | màu tím nhạt | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
&e | Màu vàng | màu vàng | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
&f | Trắng | trắng | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
Đôi khi nó là cần thiết gạch chân, gạch bỏ, điểm nổi bật bất kỳ văn bản nào. Điều này được thực hiện bằng cách sử dụng định dạng văn bản. Nó được sử dụng giống hệt như màu sắc (chúng ta đặt trước văn bản mã số, ví dụ &lMinecraft = Minecraft.
Để thuận tiện cho bạn, bên dưới là bảng mã định dạng:
Mã số | Tên |
---|---|
&k | văn bản ma thuật |
&l | Hình nhỏ |
&m | văn bản gạch ngang |
&N | văn bản được gạch chân |
&o | Văn bản in nghiêng |
& r | Văn bản không có định dạng |