Mã màu trong rgb. Mã màu trong Minecraft
28/11/14 11.1KThật không may, vẫn chưa thể hiển thị cảm giác vị giác trên trang web. Nhưng điều này có thể được bù đắp hoàn toàn với sự trợ giúp của màu sắc. Rốt cuộc, màu html cho phép bạn hiển thị bất kỳ màu nào trong số hàng triệu sắc thái. Để có thể " bút chì màu” trong bộ của anh ấy nhiều hơn bảy.
phối màu trong html
Trong html, màu có thể được chỉ định ở một số định dạng:
1. Dưới dạng giá trị thập lục phân - mã được chỉ định trong hệ thống thập lục phân được sử dụng. Các mã màu như vậy trong html bao gồm ba cặp số thập lục phân. Mỗi cặp chịu trách nhiệm về độ bão hòa của màu sắc với màu cơ bản của nó:
- Cặp số đầu tiên chịu trách nhiệm cho màu đỏ;
- Cặp thứ hai dành cho nội dung có màu xanh lục;
- Cái sau dành cho nội dung của màu xanh lam.
Ở đầu mã (trước các số), một dấu thăng được đặt. Đây là mã màu thập lục phân. Ngoài các số từ 1 đến 9, hệ thống số này sử dụng các chữ cái trong bảng chữ cái Latinh (A, B, C, D, E, F).
Ví dụ: mã màu trắng trong html sẽ giống như #FFFFFF:
2. Từ khóa - Hiện tại html hỗ trợ khoảng 147 từ khóa. Nhưng không phải tất cả những từ này là duy nhất. Một số trong số họ đề cập đến cùng một sắc thái màu.
Màu xám được thể hiện bằng hai từ khóa: màu xám và màu xám. Mã thập lục phân của chúng (HEX ) được cung cấp bởi cùng một giá trị #808080 .
Thí dụ :
#808080
3. Ở định dạng RGB - mã hóa màu này trong html dựa trên việc sử dụng ba giá trị được đặt trong phạm vi từ 0 đến 255. Mỗi giá trị xác định độ bão hòa của sắc thái với một trong các màu cơ bản:
- R - đỏ (đỏ);
- G - lục (xanh lục);
- B - lam (lam).
Số màu ở định dạng RGB được viết như sau: rgb(0, 210, 100).
màu nền:rgb(100,186,43)
4. Ở định dạng RGBA - đây là định dạng RGB nâng cao, trong đó giá trị thứ tư chỉ định độ trong suốt của màu ở dạng phân số thập phân từ 0 đến 1.
Ví dụ sử dụng:
màu nền:rgba(100,86,143,0,2)
màu nền:rgba(100,86,143,0,5)
màu nền:rgba(100,86,143,0,8)
màu nền:rgba(100,86,143,1)
bảng màu html và trình tạo màu
Với một loạt các định dạng cài đặt màu sắc như vậy, rất dễ bị nhầm lẫn. Do đó, một bảng màu đặc biệt đã được phát minh. Trong đó, tới 147 tên chính của sắc thái màu, các mã tương ứng được đưa ra trong tất cả các tiêu chuẩn chính để thể hiện màu sắc. Ngoài ra, mỗi trường được trang bị một thanh để khớp màu trực quan. Một trong những bảng này được trình bày trên trang web colorscheme.ru:
Nhưng ngay cả với sự trợ giúp của cấu trúc tương ứng như vậy, việc lựa chọn sắc thái mong muốn có thể khó khăn. Và thực tế là không có cái nào phù hợp trong bảng mã màu.
Để vượt qua rào cản này và giúp việc chọn màu phù hợp trở nên dễ dàng nhất có thể, các dịch vụ web tương tác đã được phát triển. Giao diện người dùng của họ có thể hơi khác nhau.
Trên trang web html-color-codes.info, trình tạo màu trông giống như sau:
Và trong dịch vụ color-picker.appsmaster.co, công cụ này được triển khai hơi khác một chút:
Độ bão hòa của từng màu trong trình tạo được đặt bằng các thanh trượt đặc biệt. Trực quan, màu sắc được hiển thị bằng màu của khung và hình chữ nhật ở phía bên trái. Ở dưới cùng, 3 trường hiển thị mã màu ở các định dạng chính.
Nhưng trình tạo màu không chỉ có sẵn trên các trang web chuyên biệt. Hầu như tất cả các trình chỉnh sửa đồ họa đều được trang bị một công cụ tương tự. Ví dụ: Photoshop:
An toàn màu sắc
Và đó là một thời gian dài trước đây, trở lại thời đại của card màn hình chỉ hỗ trợ 256 màu. Vào thời đó, các hệ điều hành chỉ có thể hiển thị một số sắc thái 8-bit nhất định mà không bị biến dạng.
Sau đó, bảng tuyệt vời của màu sắc an toàn đã được nhân giống. Nó chỉ ra 216 sắc thái có thể được hiển thị mà không bị biến dạng trong bất kỳ trình duyệt nào vào thời điểm đó. Và cho đến ngày nay điều này bản thảo tuyệt vời» vẫn khả dụng trên một số tài nguyên:
Mọi thứ đã thay đổi trong thời đại của chúng ta. Do đó, tất cả các quy tắc an toàn khi làm việc với màu sắc trong html đều bị hủy bỏ hoàn toàn. Rốt cuộc, phần cứng máy tính hiện đại hỗ trợ hơn 16 triệu sắc thái khác nhau. Và 216 màu an toàn đã chìm vào quên lãng.
Số thập lục phân được sử dụng để chỉ định màu sắc. Hệ thập lục phân, không giống như hệ thập phân, dựa trên, như tên gọi của nó, trên số 16. Các số sẽ như sau: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. 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 hình thành bằng cách kết hợp hai số thành một. Ví dụ: số 255 ở dạng thập phân tương ứng với số FF ở dạng thập lục phân. Để tránh nhầm lẫn trong định nghĩa của hệ thống số, số thập lục phân được đặt trước ký hiệu băm #, ví dụ: #666999. Mỗi trong số ba màu - đỏ, lục và lam - có thể nhận các giá trị từ 00 đến FF. Do đó, ký hiệu màu được chia thành ba thành phần #rrggbb, trong đó hai ký tự đầu tiên đánh dấu thành phần màu đỏ, hai ký tự ở giữa đánh dấu màu xanh lá cây và hai ký tự cuối cùng đánh dấu màu xanh lam. Được phép sử dụng dạng viết tắt #rgb, trong đó mỗi ký tự phải được nhân đôi. Do đó, mục nhập #fe0 phải được coi là #ffee00.
bằng tên
| trình duyệt web IE | Trình duyệt Chrome | Ô-pê-ra | cuộc đi săn | firefox | Android | iOS |
| 4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Trình duyệt hỗ trợ một số màu theo tên. Trong bảng. 1 hiển thị tên, mã hex, giá trị ở định dạng RGB, HSL và mô tả.
| Tên | Màu sắc | Mật mã | RGB | HSL | Sự mô tả |
|---|---|---|---|---|---|
| trắng | #fffff hoặc #fff | rgb(255,255,255) | hsl(0,0%,100%) | Trắng | |
| màu bạc | #c0c0c0 | rgb(192,192,192) | hsl(0,0%,75%) | Xám | |
| xám | #808080 | rgb(128,128,128) | hsl(0,0%,50%) | Màu xám đen | |
| màu đen | #000000 hoặc #000 | rgb(0,0,0) | hsl(0,0%,0%) | Màu đen | |
| Bỏ rơi | #800000 | rgb(128,0,0) | hsl(0,100%,25%) | Đỏ sẫm | |
| màu đỏ | #ff0000 hoặc #f00 | rgb(255,0,0) | hsl(0,100%,50%) | Màu đỏ | |
| trái cam | #ffa500 | rgb(255,165,0) | hsl(38,8,100%,50%) | Quả cam | |
| màu vàng | #ffff00 hoặc #ff0 | rgb(255,255,0) | hsl(60,100%,50%) | Màu vàng | |
| Ôliu | #808000 | rgb(128,128,0) | hsl(60,100%,25%) | Ôliu | |
| Vôi | #00ff00 hoặc #0f0 | rgb(0,255,0) | hsl(120,100%,50%) | màu xanh lợt | |
| màu xanh lá | #008000 | rgb(0,128,0) | hsl(120,100%,25%) | màu xanh lá | |
| nước | #00ffff hoặc #0ff | rgb(0,255,255) | hsl(180,100%,50%) | Màu xanh da trời | |
| màu xanh da trời | #0000ff hoặc #00f | rgb(0,0,255) | hsl(240,100%,50%) | Màu xanh da trời | |
| Hải quân | #000080 | rgb(0,0,128) | hsl(240,100%,25%) | Xanh đậm | |
| xanh mòng két | #008080 | rgb(0,128,128) | hsl(180,100%,25%) | xanh xanh | |
| hoa vân anh | #ff00ff hoặc #f0f | rgb(255,0,255) | hsl(300,100%,50%) | Hồng | |
| màu đỏ tía | #800080 | rgb(128,0,128) | hsl(300,100%,25%) | màu tím |
Với RGB
| trình duyệt web IE | Trình duyệt Chrome | Ô-pê-ra | cuộc đi săn | firefox | Android | iOS |
| 5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Bạn có thể xác định một màu bằng cách sử dụng các giá trị màu đỏ, xanh lá cây và xanh lam theo số thập phân. Mỗi trong số ba thành phần màu nhận một giá trị từ 0 đến 255. Cũng có thể chấp nhận đặt màu theo tỷ lệ phần trăm, trong khi 100% sẽ tương ứng với số 255. Đầu tiên, từ khóa rgb được chỉ định, sau đó các thành phần màu được chỉ định được chỉ định trong ngoặc đơn, được phân tách bằng dấu phẩy, ví dụ: rgb(255 , 128, 128) hoặc rgb(100%, 50%, 50%).
RGBA
| trình duyệt web IE | Trình duyệt Chrome | Ô-pê-ra | cuộc đi săn | firefox | Android | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Định dạng RGBA có cú pháp tương tự như RGB, nhưng bao gồm một kênh alpha đặt độ trong suốt của phần tử. Giá trị 0 hoàn toàn trong suốt, 1 mờ đục và giá trị trung gian như 0,5 là trong mờ.
RGBA được thêm vào CSS3, vì vậy việc xác thực mã CSS phải được thực hiện theo phiên bản này. Cần lưu ý rằng tiêu chuẩn CSS3 vẫn đang được phát triển và một số tính năng của nó có thể thay đổi. Ví dụ: một màu RGB được thêm vào thuộc tính màu nền sẽ vượt qua xác thực, nhưng một màu được thêm vào thuộc tính nền thì không. Đồng thời, các trình duyệt hiểu khá chính xác màu sắc của cả hai thuộc tính.
HSL
| trình duyệt web IE | Trình duyệt Chrome | Ô-pê-ra | cuộc đi săn | firefox | Android | iOS |
| 9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Tên của định dạng HSL được hình thành từ sự kết hợp của các chữ cái đầu tiên Hue (màu sắc), Saturation (độ bão hòa) và Lightness (độ sáng). Sắc độ là giá trị màu trên bánh xe màu (Hình 1) và được chỉ định theo độ. 0° là màu đỏ, 120° là màu lục và 240° là màu lam. Giá trị Hue có thể thay đổi từ 0 đến 359.
Cơm. 1. Bánh xe màu
Độ bão hòa là cường độ của một màu, được đo bằng tỷ lệ phần trăm từ 0% đến 100%. Giá trị 0% biểu thị không có màu và có màu xám, 100% là giá trị bão hòa tối đa.
Độ sáng đặt độ sáng của màu và được chỉ định theo tỷ lệ phần trăm từ 0% đến 100%. Các giá trị nhỏ làm cho màu tối hơn, trong khi các giá trị cao làm cho nó nhạt hơn, các giá trị cực trị 0% và 100% tương ứng với màu đen và trắng.
HSLA
| trình duyệt web IE | Trình duyệt Chrome | Ô-pê-ra | cuộc đi săn | firefox | Android | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Định dạng HSLA có cú pháp tương tự như HSL, nhưng bao gồm một kênh alpha đặt độ trong suốt của phần tử. Giá trị 0 hoàn toàn trong suốt, 1 mờ đục và giá trị trung gian như 0,5 là trong mờ.
Các giá trị màu ở định dạng RGBA, HSL và HSLA được thêm vào CSS3, vì vậy khi sử dụng các định dạng này, hãy kiểm tra tính hợp lệ của mã so với phiên bản.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Cảnh báo
Tất cả các phương pháp bắt sư tử được liệt kê trên trang web đều là lý thuyết và dựa trên các phương pháp tính toán. Các tác giả không đảm bảo sự an toàn của bạn khi sử dụng chúng và từ chối mọi trách nhiệm về kết quả. Hãy nhớ rằng, sư tử là một kẻ săn mồi và là một loài động vật nguy hiểm!
Kết quả của ví dụ này được hiển thị trong Hình. 2.
Cơm. 2. Màu sắc trên trang web
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 nền trước của phần tử (ví dụ: văn bản, màu liên kết) hoặc nền của 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 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ể đặt các giá trị màu của mình ở nhiều định dạng khác nhau. Bảng sau đây liệt kê tất cả các định dạng có thể:
Các định dạng này được mô tả chi tiết hơn bên dưới.
Màu CSS - Mã Hex
Mã màu thập lục phân là một đại diện màu sáu chữ số. Hai chữ số đầu tiên (RR) là giá trị màu đỏ, hai chữ số tiếp theo là giá trị màu xanh lục (GG) và hai chữ số cuối cùng là giá trị màu xanh lam (BB).
Màu CSS - Mã Hex ngắn
Mã màu thập lục phân ngắn là một hình thức ngắn hơn của ký hiệu sáu ký tự. Ở định dạng này, mỗi chữ số được lặp lại để tạo ra giá trị màu có 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 đặt trước dấu thăng "#". Sau đây là các ví dụ về việc 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ây và xanh lam. Giá trị có thể là số nguyên, từ 0 đến 255 hoặc tỷ lệ 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 bạn không nên sử dụng thuộc tính này.
Dưới đây là một ví dụ hiển thị nhiều màu sử dụng các giá trị RGB.
Trình tạo mã màu
Bạn có thể tạo hàng triệu mã màu với dịch vụ của chúng tôi.
Màu trình duyệt an toàn
Dưới đây là bảng 216 màu an toàn nhất và độc lập với máy tính. Những màu này trong phạm vi CSS từ mã hex 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 sẽ 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ể ngay 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 cho khách hàng 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 ký tự & 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, biển báo 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 để xóa 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 tiện theo dõi:
| Mật mã | 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 | Màu đen | màu đ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 | Xanh lam đậm | dark_aqua | 0 | 170 | 170 | 00AAAA | 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 | FAAA00 | 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 xanh | nước | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
| &c | Màu đỏ | màu đỏ | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
| &d | tím nhạt | light_purple | 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 dưới, Điểm nổi bật một số tiếp theo. Đối với điều này, định dạng văn bản được sử dụng. Nó được sử dụng giống như màu sắc (trước văn bản chúng tôi đặt mật mã, ví dụ &lMinecraft= minecraft.
Để thuận tiện cho bạn, dưới đây là bảng mã để định dạng:
| Mật mã | 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 | chữ nghiêng |
| &r | Văn bản không có định dạng |