Biểu đồ màu html xanh. Mã màu trong Minecraft

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 số 16, như tên gọi của nó. 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 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 khi xác định hệ thống số, ký hiệu băm # được đặt trước số thập lục phân, ví dụ #666999. Mỗi màu 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ý hiệu đầu tiên biểu thị thành phần màu đỏ của màu, hai ký hiệu ở giữa - xanh lục và hai ký hiệu cuối cùng - 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. Vì vậy, mục #fe0 nên được coi là #ffee00.

Bằng tên

Trình duyệt hỗ trợ một số màu theo tên của chúng. Trong bảng 1 hiển thị tên, mã thập lục phân, giá trị RGB, HSL và mô tả.

Sử dụng RGB

Bạn có thể xác định màu bằng cách sử dụng các giá trị màu đỏ, xanh lục và xanh lam theo số thập phân. Mỗi thành phần trong số ba thành phần màu có giá trị từ 0 đến 255. Cũng được phép chỉ định màu theo tỷ lệ phần trăm, với 100% tương ứng với số 255. Đầu tiên, chỉ định từ khóa rgb, sau đó chỉ định các thành phần màu 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

Định dạng RGBA có cú pháp tương tự như RGB, nhưng bao gồm kênh alpha chỉ định độ trong suốt của phần tử. Giá trị 0 là hoàn toàn trong suốt, 1 là mờ đục và giá trị trung gian như 0,5 là nửa trong suốt.

RGBA đã được thêm vào CSS3, vì vậy mã CSS phải được xác thực 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ó thể thay đổi. Ví dụ: màu ở định dạng RGB được thêm vào thuộc tính màu nền được xác thực nhưng màu được thêm vào thuộc tính nền không còn hợp lệ. Đồng thời, trình duyệt hiểu khá chính xác màu sắc của cả hai thuộc tính.

HSL

Tên của định dạng HSL bắt nguồn từ sự kết hợp của các chữ cái đầu tiên Hue (màu sắc), Saturate (độ bão hòa) và Lightness (độ sáng). Hue là giá trị màu trên bánh xe màu (Hình 1) và được tính bằng độ. 0° tương ứng với màu đỏ, 120° tương ứng với màu xanh lá cây và 240° tương ứng với màu xanh lam. Giá trị màu sắc 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àu và được đo bằng 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ị tối đa cho độ bão hòa.

Độ sáng kiểm soát độ sáng của màu và được chỉ định theo tỷ lệ phần trăm từ 0% đến 100%. Giá trị thấp làm cho màu tối hơn và giá trị cao làm cho màu sáng hơn; giá trị cực trị 0% và 100% tương ứng với màu đen và trắng.

HSLA

Định dạng HSLA có cú pháp tương tự như HSL, nhưng bao gồm kênh alpha để chỉ định độ trong suốt của phần tử. Giá trị 0 là hoàn toàn trong suốt, 1 là mờ đục và giá trị trung gian như 0,5 là nửa trong suốt.

Các giá trị màu RGBA, HSL và HSLA được thêm vào CSS3, vì vậy vui lòng kiểm tra mã của bạn để biết tính hợp lệ của phiên bản khi sử dụng các định dạng này.

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 mang tính lý thuyết và dựa trên 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à kẻ săn mồi và là 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

Như bạn đã biết, màu sắc có thể ảnh hưởng đến trạng thái của một người: cả về tinh thần và thể chất. Hàng ngày, khi duyệt các trang web trên Internet, đôi mắt sẽ đánh giá hàng triệu màu sắc và sắc thái. Một nhà thiết kế web quen thuộc với tâm lý màu sắc có thể điều khiển tâm trạng của khách truy cập để đạt được những mục tiêu nhất định.

Điều này là do thực tế là một số sắc thái mang lại cảm giác bình tĩnh, và ngược lại, một số lại gây phấn khích. Tiếp theo chúng ta sẽ nói về cách tổng hợp và hiển thị màu sắc bằng công nghệ máy tính.

RGB là mô hình màu đại diện cho phương pháp thu được tất cả các màu và sắc thái của chúng bằng cách trộn ba thành phần chính theo nhiều tỷ lệ khác nhau, đó là:

• Màu đỏ ( Màu đỏ);
• màu xanh lá cây ( Màu xanh lá);
• Màu xanh ( Màu xanh da trời).

Đây là nơi mà tên viết tắt RGB xuất phát. Những màu này được chọn làm màu chính vì một lý do: lý do là sinh lý học của võng mạc mắt người và cách nó cảm nhận chúng:

Mô hình RGB vẫn phổ biến nhất hiện nay và được sử dụng để tái tạo màu sắc trên màn hình TV và màn hình máy tính. Do các nhà sản xuất cung cấp cho sản phẩm của họ những đặc điểm khác nhau nên vào năm 1996, một hệ thống tổng hợp màu dựa trên RGB thống nhất có tên sRGB đã được tạo ra, trên đó Microsoft và HP đã hợp tác cùng nhau.

Biểu diễn màu bằng số

Như đã đề cập trước đó, màu RGB được hình thành bằng cách trộn các màu cơ bản. Để mô tả cường độ của từng trong số chúng, một sơ đồ đã được áp dụng trong đó màu được biểu thị bằng phạm vi 0-255 (8 bit), theo ký hiệu thập lục phân tương ứng với 00-FF.

Nghĩa là, các màu cơ bản sẽ trông như thế này:

• Đỏ – RGB (255,0,0);
• Xanh lục – RGB (0,255,0);
• Xanh lam – RGB (0,0,255);

Nếu cường độ màu nhận các giá trị nhỏ hơn 255 thì sẽ thu được các sắc thái khác nhau của màu đỏ, xanh lá cây và xanh lam. Sau đây là bảng phân cấp của chúng, cũng như các giá trị thập lục phân của từng sắc thái:

Bảng màu RGB

Đương nhiên, ngoài sự chuyển màu của các màu cơ bản, còn có những màu hỗn hợp và số lượng của chúng khá lớn. Do đó, một bảng màu RGB đã được tạo, trình bày tất cả các sắc thái hiện có, cũng như tên và cách biểu thị bằng số của chúng ( ở dạng thập phân và thập lục phân).

Bạn có thể xem nó ở đây. Bảng này giúp cuộc sống của các nhà thiết kế web trở nên dễ dàng hơn nhiều vì trong vài giây, bạn có thể tìm thấy màu sắc cần thiết và tìm ra cách biểu thị bằng số của nó.

Bảng màu RGB an toàn

Tuy nhiên, tại một số thời điểm, có một vấn đề xảy ra với việc hiển thị màu sắc trong các trình duyệt khác nhau và để giải quyết nó, cái gọi là bảng màu RGB “an toàn” đã được biên soạn, dựa trên các phép tính toán học.

Khi trình duyệt không thể hiển thị màu chính xác, nó sẽ cố gắng đạt được thứ gì đó gần với màu nó cần bằng cách trộn các màu liền kề và rất có thể kết quả sẽ hoàn toàn không thể chấp nhận được:

Bằng cách sử dụng mã màu RGB từ bảng màu này, nhà phát triển web có thể yên tâm về việc hiển thị màu trên các trang trên trang web của họ khi xem bằng các trình duyệt, nền tảng và màn hình khác nhau. Mặc dù hiện tại bảng màu an toàn đang mất đi sự liên quan ( tiến bộ công nghệ vẫn không đứng yên), khi sử dụng nó, như người ta nói, bạn có thể ngủ yên.

Màu vàng trong mô hình RGB

Từ “vàng” lần đầu tiên được sử dụng vào đầu thế kỷ 14 để mô tả màu sắc của một nguyên tố hóa học có tên Aurum - vàng. Trong mô hình RGB, màu vàng được biểu thị bằng các giá trị số sau:

• RGB (255, 215, 0) – hệ thập phân;
• HEX #FFD700 – hệ thập lục phân.

Màu be trong mô hình RGB

Màu be chiếm một vị trí khá quan trọng trong lịch sử, ngay cả khi nó không phải là màu biểu cảm nhất. Nhiều di tích văn hóa, đặc biệt là các tác phẩm điêu khắc cổ, được làm bằng đá xà phòng và đá xà phòng có tông màu be. Trong mô hình RGB, màu be có các biểu diễn số sau:

• RGB (245, 245, 220) – hệ thập phân;
• HEX #F5F5DC – hệ thập lục phân.

Ngày nay, đặc biệt là trên World Wide Web, hiếm khi thấy màu sắc “nhàm chán” như vậy. Các nhà phát triển ưu tiên thiết kế bắt mắt, sử dụng màu sắc tươi sáng. Tiến bộ công nghệ giúp hiển thị số lượng lớn màu sắc trên màn hình, giúp hình ảnh trở nên chân thực hơn.

Tốt xấu

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):

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):

Mã màu (nền) theo độ bão hòa và màu sắc.

Vlad Merzhevich

Trong HTML, màu sắc được chỉ định theo một trong hai cách: sử dụng mã thập lục phân và theo tên của một số màu nhất định. Phương pháp dựa trên hệ thống số thập lục phân được sử dụng chủ yếu vì nó là phương pháp phổ biến nhất.

Màu thập lục phân

HTML sử dụng số thập lục phân để 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 số 16, như tên gọi của nó. 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 chữ cái Latinh. Trong bảng 6.1 cho thấy sự tương ứng giữa số thập phân và số thập lục phân.

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 (Bảng 6.2). 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 khi xác định hệ thống số, số thập lục phân được đặt trước ký hiệu băm #, ví dụ #aa69cc. Trong trường hợp này, trường hợp nào không quan trọng nên cho phép viết #F0F0F0 hoặc #f0f0f0.

Một màu điển hình được sử dụng trong HTML trông như thế này.

Ở đây màu nền của trang web được đặt thành #FA8E47. Ký hiệu băm # ở phía trước một số có nghĩa là số thập lục phân. Hai chữ số đầu tiên (FA) xác định thành phần màu đỏ của màu, chữ số thứ ba đến thứ tư (8E) xác định thành phần màu xanh lá cây và hai chữ số cuối (47) xác định thành phần màu xanh lam. Kết quả cuối cùng sẽ là màu này.

Mỗi màu trong số ba màu - đỏ, lục và lam - có thể nhận các giá trị từ 00 đến FF, tạo ra tổng cộng 256 sắc thái. Như vậy, tổng số màu có thể là 256x256x256 = 16.777.216 tổ hợp. Một mô hình màu dựa trên các thành phần màu đỏ, lục và lam được gọi là RGB (đỏ, lục, lam; đỏ, lục, lam). Mô hình này là mô hình phụ gia (từ add - add), trong đó việc cộng cả ba thành phần tạo thành màu trắng.

Để điều hướng màu thập lục phân dễ dàng hơn, hãy tính đến một số quy tắc.

• Nếu giá trị của các thành phần màu giống nhau (ví dụ: #D6D6D6), thì kết quả sẽ là tông màu xám. Con số càng cao thì màu càng nhạt, với các giá trị nằm trong khoảng từ #000000 (đen) đến #FFFFFF (trắng).
• Màu đỏ tươi được hình thành nếu thành phần màu đỏ được đặt ở mức tối đa (FF) và các thành phần còn lại được đặt về 0. Màu có giá trị #FF0000 là sắc thái đỏ nhất có thể. Điều tương tự cũng đúng với màu xanh lá cây (#00FF00) và xanh lam (#0000FF).
• Màu vàng (#FFFF00) được tạo ra bằng cách trộn màu đỏ và xanh lá cây. Điều này có thể thấy rõ trên bánh xe màu (Hình 6.1), trong đó trình bày các màu cơ bản (đỏ, lục, lam) và các màu bổ sung hoặc bổ sung. Chúng bao gồm màu vàng, lục lam và tím (còn gọi là màu đỏ tươi). Nói chung, bất kỳ màu nào cũng có thể thu được bằng cách trộn các màu gần với nó. Do đó, màu lục lam (#00FFFF) thu được bằng cách kết hợp màu xanh lam và xanh lục.

Cơm. 6.1. vòng tròn màu

Màu sắc dựa trên giá trị thập lục phân không cần phải được lựa chọn theo kinh nghiệm. Với mục đích này, một trình soạn thảo đồ họa có thể hoạt động với các mô hình màu khác nhau, chẳng hạn như Adobe Photoshop, là phù hợp. Trong bộ lễ phục. Hình 6.2 hiển thị cửa sổ chọn màu trong chương trình này; giá trị thập lục phân thu được của màu hiện tại được viền bằng một đường. Bạn có thể sao chép và dán nó vào mã của mình.

Cơm. 6.2. Cửa sổ chọn màu trong Photoshop

Màu web

Nếu bạn đặt chất lượng hiển thị màu của màn hình thành 8 bit (256 màu), thì cùng một màu có thể được hiển thị khác nhau trong các trình duyệt khác nhau. Điều này là do cách hiển thị đồ họa, khi trình duyệt hoạt động với bảng màu riêng và không thể hiển thị màu không có trong bảng màu của nó. Trong trường hợp này, màu sắc được thay thế bằng sự kết hợp của các pixel khác, gần với nó, các màu bắt chước màu đã cho. Để đảm bảo màu sắc được giữ nguyên trên các trình duyệt khác nhau, một bảng màu được gọi là màu web đã được giới thiệu. Màu web là những màu mà mỗi thành phần - đỏ, lục và lam - được đặt thành một trong sáu giá trị - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) , 255 (FF). Giá trị thập lục phân của thành phần này được chỉ định trong ngoặc. Tổng số màu từ tất cả các kết hợp có thể có là 6x6x6 - 216 màu. Màu web ví dụ là #33FF66.

Đặc điểm chính của màu web là nó xuất hiện giống nhau trên tất cả các trình duyệt. Hiện tại, mức độ liên quan của màu sắc trên web là rất nhỏ do chất lượng màn hình được cải thiện và khả năng mở rộng của chúng.

Màu sắc theo tên

Để tránh phải nhớ một bộ số, bạn có thể sử dụng tên các màu sắc thông dụng để thay thế. Trong bảng 6.3 hiển thị tên các tên màu phổ biến.

Việc bạn chỉ định màu theo tên hay sử dụng số thập lục phân không quan trọng. Những phương pháp này có tác dụng như nhau. Ví dụ 6.1 cho thấy cách đặt màu nền và màu văn bản của trang web.

Ví dụ 6.1. Màu nền và văn bản

Văn bản mẫu

Trong ví dụ này, màu nền được đặt bằng thuộc tính bgcolor của thẻ và màu văn bản thông qua thuộc tính văn bản. Để đa dạng, thuộc tính văn bản được đặt thành số thập lục phân và thuộc tính bgcolor được đặt thành từ khóa dành riêng teal .

Mã Minecraft màu sắc hoặc Minecraft mãđị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:

Đô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: