Mã html màu xám mát mẻ. 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

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 sẽ 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:

Trò chơi trên máy tính là một trong những cách phổ biến nhất để bạn sử dụng thời gian rảnh rỗi. Đắm mình trong thế giới của trò chơi điện tử, chúng ta quên đi những vấn đề, rắc rối thực sự, thư giãn và vui chơi. Và nếu đây là một trò chơi trực tuyến hoặc một trò chơi ở chế độ nhiều người chơi, thì ưu điểm chính của nó là ở đây bạn có thể gặp gỡ nhiều người từ khắp nơi trên thế giới và không chỉ tìm thấy những người cùng chí hướng mà còn cả những người bạn thân nhất. Bạn muốn biết cài đặt trò chơi, cho đến màu sắc trong MTA, có thể ảnh hưởng như thế nào đến tương tác của bạn với những người chơi khác? Đọc tiếp!

Các tính năng của chế độ nhiều người chơi

Bạn đã bao giờ thắc mắc: làm thế nào để điều chỉnh màu sắc trong MTA hoặc một số game khác chưa? Không ai trong số những người đã từng có cơ hội chơi một trò chơi trực tuyến với số lượng lớn người chơi sẽ phủ nhận rằng họ muốn thể hiện mình một cách tốt nhất trước mặt người khác. Bạn có thể khoe những điều đặc biệt, đắt giá của nhân vật, nổi bật về kiến ​​thức thuật ngữ chơi game hoặc đơn giản là tùy chỉnh giao diện trò chơi của mình để nó hoạt động tốt hơn giao diện của những game thủ thiếu kinh nghiệm.

Màu sắc trong "MTA" - bạn cần biết những gì?

Nếu chúng ta nói về một trong những phiên bản của chế độ nhiều người chơi của trò chơi "GTA: San Andreas", "MTA", thì màu sắc đóng một vai trò rất quan trọng ở đây. Khả năng tùy chỉnh màu biệt danh của bạn trong MTA là một trong những kỹ năng tốt nhất mà mọi người mới bắt đầu nên có.

Vì vậy, để thiết lập màu biệt hiệu của bạn, hãy truy cập ứng dụng "MTA: SA" và nhấp vào tùy chọn Cài đặt, sau đó chọn tên của bạn, sau đó nhập mã màu mong muốn ngay trước đó. Trong "MTA" có một bảng màu lớn cho biệt hiệu. Trong bài viết, chúng tôi đã đưa vào các bảng màu mẫu để bạn có thể chọn màu mình thích.

Bây giờ bạn đã biết cách có thể nổi bật và làm cho biệt danh của mình khác biệt với biệt danh của những người mới bắt đầu và những người chơi thiếu kinh nghiệm. Sáng sủa, nó sẽ phân biệt bạn với những game thủ bình thường và thu hút nhiều sự chú ý đến bạn hơn. Tận hưởng trò chơi của bạn!

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ũng thu đượ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.

CSS không được hiểu). Vì vậy, người quản trị web tương lai chỉ cần nghiên cứu Các công cụ HTML cho phép bạn thay đổi màu sắc, ví dụ: để tạo ra các bản tin e-mail tươi sáng và đầy màu sắc sẽ thu hút sự chú ý của đối tượng mục tiêu của trang web.

Bài đăng này khá dài, nhưng từ đó bạn sẽ tìm hiểu về tất cả các tính năng kỹ thuật khi làm việc với màu sắc bằng HTML. Chúng ta sẽ bắt đầu ghi bằng cách hiểu câu hỏi: tại sao chúng ta cần làm nổi bật các thành phần nhất định của trang HTML bằng màu sắc? Sau đó, chúng ta sẽ nói về mô hình RGB, mô hình này cho phép bạn đặt màu trong HTML bằng cách sử dụng các mã đặc biệt (đồng thời, chúng ta sẽ xem xét mã màu thập phân và giá trị màu HTML thập lục phân). Cũng từ bài đăng này, bạn sẽ tìm hiểu về bảng màu và cũng hiểu tại sao không có bảng màu trong HTML. Và ở cuối ấn phẩm này sẽ có ví dụ về thay đổi màu nền, văn bản và liên kết.

Sử dụng màu sắc trong HTML

Các trang web sẽ nhàm chán và không thú vị nếu không có hình ảnh, như chúng ta đã nói rất chi tiết và chi tiết trước đó. Nhưng hình ảnh có một nhược điểm đáng kể: mỗi hình ảnh là một hình ảnh bổ sung và do đó, tải thêm lên máy chủ.

Tôi muốn lưu ý rằng tôi không sử dụng một hình ảnh nào để thiết kế blog WordPress của mình; bố cục được thiết kế hoàn toàn bằng màu sắc. Giống nhau thôi Hôm nay chúng ta sẽ nói về màu sắc trong HTML. Màu sắc trong HTML được sử dụng cho các mục đích khác nhau, ví dụ: chúng ta có thể thiết kế bố cục trang web bằng cách làm nổi bật một số mục nhất định bằng màu này hoặc màu khác.

Bằng cách sử dụng màu sắc, chúng tôi có thể tập trung sự chú ý của khách truy cập vào một văn bản hoặc khối cụ thể của trang web. Lưu ý rằng nó cũng được xác định bằng cách sử dụng màu sắc theo cách mà người dùng có thể hiểu được: anh ta đã nhấp vào liên kết nào, liên kết nào anh ta chưa truy cập và anh ta hiện đang truy cập trang HTML nào.

Hãy cẩn thận sử dụng màu sắc để thiết kế tài liệu HTML, không phải tất cả các màu đều đi cùng nhau và không phải màu nào cũng làm hài lòng khách truy cập trang web của bạn. Nhưng tốt hơn hết bạn nên hỏi các nhà thiết kế web về những điều tinh tế này; bài viết này sẽ giúp bạn hiểu các tính năng kỹ thuật cho phép bạn kiểm soát màu sắc của các thành phần trang HTML.

Nhưng bạn không nên quên rằng thiết kế nên được tách biệt khỏi nội dung, vì vậy tốt hơn nên sử dụng CSS để xử lý màu sắc trên các trang HTML, nhưng chúng ta sẽ nói về điều này trong một bài viết khác. Bây giờ chúng ta sẽ thấy HTML có những công cụ nào để kiểm soát màu sắc trên các trang của trang web?.

Trong ngành CNTT, có rất nhiều mô hình màu sắc để thao tác màu sắc. Mô hình biểu diễn màu được sử dụng rộng rãi nhất là mô hình RGB. Chúng ta sẽ nói về một số tính năng của model này tại đây và sẽ có một ấn phẩm riêng để giới thiệu chi tiết hơn về RGB. Dưới đây bạn sẽ tìm thấy danh sách các mô hình màu được sử dụng trong CNTT (không chỉ HTML và CSS):

1. Mô hình RGB. Mô hình này đã trở nên rất phổ biến và có lẽ là một trong những cách thuận tiện và phổ biến nhất để thao tác màu sắc của các phần tử HTML.
2. Mô hình RGBA. Mô hình này rất giống với mô hình RGB, nhưng bao gồm kênh alpha cho màu sắc. Điểm đặc biệt của mô hình RGBA là nó cho phép bạn điều chỉnh không chỉ màu sắc của phần tử HTML mà còn cả độ trong suốt của nó do sự hiện diện của kênh alpha. Mô hình RGBA đã được thêm vào CSS3 và không được các trình duyệt cũ hỗ trợ.
3. Mẫu HSL. Điểm đặc biệt của mô hình HSL là chúng tôi đặt màu bằng cách sử dụng các tham số của nó: màu sắc, độ phẳng và độ sáng. Mô hình này có phần khó hiểu hơn mô hình RGB.
4. Mô hình HSLA. Mô hình này rất giống với mô hình HSL, nhưng cũng giống như mô hình RGBA, nó cho phép bạn làm việc với kênh màu alpha, vì vậy khi sử dụng HSLA, chúng ta không chỉ có thể đặt màu của phần tử HTML trên trang mà còn cả độ trong suốt của nó .
5. Mẫu HSV (HSB). Không nên nhầm lẫn mô hình này với mô hình HSL. Lưu ý rằng bốn mô hình đầu tiên có thể được sử dụng trong HTML hoặc CSS để thiết kế trang web, nhưng mô hình HSV thì không. HSV được thiết kế bởi một trong những người sáng lập Pixar vào năm 1978 và rất giống HSL.
6. Mô hình CMY hoặc CMYK. Model này được sử dụng trong tất cả các máy in màu để in. Mô hình CMYK dựa trên quy tắc in trên các tờ giấy trắng. Bất kỳ màu CMYK nào cũng có được bằng cách trộn Cyan (xanh nhạt, xanh ngọc), Magenta (đỏ tươi) và vàng. Mỗi màu trong mô hình CMY có đặc tính độ mờ (lượng mực), được đo bằng phần trăm. Nhưng ngoài ba màu được liệt kê, mẫu CMYK còn sử dụng màu đen.

Tất cả các mô hình màu ở trên đều phụ thuộc vào phần cứng, nghĩa là nếu bạn đặt màu của phần tử HTML bằng mô hình RGB hoặc HSL, thì không thể nói chắc chắn sắc thái màu chính xác mà khách truy cập vào trang web của bạn sẽ nhìn thấy, vì màn hình của tất cả người dùng đều khác nhau và chúng truyền tải màu sắc khác nhau. Cũng lưu ý rằng tất cả các mô hình trên đều dựa trên mô hình RGB và bất kỳ màu nào được chỉ định trong bất kỳ mô hình nào (ngoại trừ HSLA và RGBA do có kênh alpha) đều có thể được chuyển đổi thành RGB.

Nếu chúng ta nói về các mô hình chuyển màu độc lập với phần cứng thì đáng chú ý là mô hình LAB. Vì vậy, chúng ta tạm dừng làm việc với màu sắc trong HTML bằng cách làm quen với một số mô hình màu. Lưu ý rằng các trình duyệt chỉ “hiểu” bốn mô hình đầu tiên: HSL, RGB, HSLA và RGBA. Do đó, chúng ta chỉ có thể kiểm soát màu sắc của các phần tử HTML bằng các mô hình này.

Màu sắc của phần tử HTML được hình thành như thế nào: một số tính năng của mô hình RGB

Hãy tìm ra nó màu sắc của phần tử HTML được hình thành như thế nào và với một số tính năng của mô hình RGB. Lưu ý rằng chúng ta sẽ nói về mô hình RGB, cũng như các mô hình khác được sử dụng để thiết kế trang web sau trong các bài viết riêng biệt.

Vì vậy, mô hình RGB là viết tắt của Red, Green, Blue. Mô hình RGB dựa trên nguyên tắc cộng tính. Nguyên tắc này là để có được bất kỳ màu nào, màu được thêm vào màu đen. Để hiểu rõ hơn, hãy tưởng tượng rằng màn hình của bạn là một bức tường màu đen và bạn có ba đèn chiếu: đèn đầu tiên tỏa sáng màu đỏ, đèn thứ hai tỏa sáng màu xanh lá cây và đèn thứ ba tỏa sáng màu xanh lam. Bạn có thể điều chỉnh độ sáng của từng đèn chiếu bằng thước đo có số từ 0 đến 255. Theo đó, nếu bạn đặt đèn chiếu về 0, đèn sẽ tắt và không sáng, nếu giá trị là 255 thì đèn chiếu sẽ cho màu sáng nhất có thể. .

Vì vậy, hóa ra là nếu bạn chiếu đèn màu đỏ và xanh lục vào cùng một điểm, thì bạn sẽ nhận thấy một điểm màu vàng trên bức tường đen. Nếu kết hợp màu đỏ và xanh lam, bạn sẽ có màu tím, còn nếu kết hợp xanh lá cây và xanh lam, điểm sáng trên bức tường đen sẽ có màu Lục lam, nhưng nếu bạn hướng cả ba đèn chiếu vào một điểm thì điểm sáng sẽ có màu trắng.

Nguyên tắc được mô tả ở trên làm nền tảng cho mô hình RGB và được sử dụng để thao tác màu sắc trong các phần tử HTML trên một trang trong trình duyệt.

Thuộc tính HTML để thay đổi màu của phần tử: màu nền của phần tử và màu của văn bản bên trong phần tử

Được sử dụng để làm cho các thành phần trang trở nên độc đáo. Sử dụng thuộc tính HTML, chúng ta có thể thao tác màu sắc của các phần tử:

1. Màu thuộc tính HTML. Thuộc tính này cho phép bạn thay đổi màu sắc của văn bản bên trong phần tử HTML. Thuộc tính có thể lấy các giá trị ở dạng tên màu HTML và mã mô hình RGB theo ký hiệu thập lục phân và thập phân. Thuộc tính màu là thuộc tính HTML duy nhất cho phép bạn thay đổi màu văn bản bên trong một số thành phần HTML.
2. Thuộc tính văn bản HTML. Thuộc tính này là thuộc tính thẻ duy nhất . Nhãn cùng với thẻ Và hình thức . Nếu bạn còn nhớ, bên trong thùng chứa các phần tử được đặt sau đó được trình duyệt hiển thị trong khu vực xem. Thuộc tính văn bản cho phép bạn chỉ định Màu văn bản mặc định cho toàn bộ trang HTML.
3. Thuộc tính HTML bgcolor. Nó cũng là một thuộc tính HTML duy nhất và cho phép bạn thay đổi màu nền của một số thành phần HTML.
4. Thuộc tính HTML vlink. Thuộc tính này là duy nhất và chỉ áp dụng cho thẻ để thay đổi màu của liên kết mà người dùng đã truy cập.
5. Liên kết thuộc tính HTML. Thuộc tính này cũng là duy nhất và chỉ áp dụng cho thẻ . Thuộc tính alink thay đổi màu của liên kết HTML đang hoạt động.
6. Thuộc tính liên kết HTML. Thuộc tính liên kết chỉ được sử dụng cùng với thẻ và dùng để thay đổi màu sắc của các liên kết trang HTML mà người dùng chưa truy cập.

Xin lưu ý: không nên sử dụng các thuộc tính để thay đổi màu của các thành phần HTML vì có các biểu định kiểu xếp tầng cho phép bạn tách thiết kế của trang web khỏi nội dung của nó.

Sử dụng mã màu thập phân trong HTML

Vì vậy, chúng ta đã nói về thực tế là bạn có thể đặt độ sáng của màu của đèn sân khấu bằng cách sử dụng thước đặc biệt có các hình vẽ được đánh số từ 0 đến 255. Bây giờ hãy xem điều này sẽ giúp chúng ta thay đổi màu của các phần tử HTML như thế nào. Vấn đề là chúng ta có thể thay đổi màu văn bản bên trong phần tử HTML hoặc màu nền trong HTML bằng mã thập phân như sau:

Nếu bạn tạo một tài liệu HTML trong đó phần chứa nội dung được mô tả, như trong ví dụ, bạn sẽ thấy:

1. Màu nền của tài liệu HTML bây giờ là màu xanh lục: bgcolor=”rgb (0,255,0)”.
2. Màu văn bản của trang HTML sẽ chuyển sang màu xanh lam: text=”rgb (0,0,255)”.
3. Màu HTML của liên kết mà người dùng chưa truy cập sẽ có màu trắng: link=”rgb (255,255,255)”.
4. Màu của liên kết hiện đang mở sẽ là màu đen: alink=”rgb (0,0,0)”.
5. Và màu của liên kết HTML đã truy cập sẽ có màu đỏ: vlink=”rgb (255,0,0)”.

Xin lưu ý: không ai cấm bạn điều chỉnh “công suất đèn pha” theo ý mình, bạn có thể đặt màu HTML, ví dụ: theo cách này:

Và nhận được màu sắc ngạc nhiên trẻ con. Đây chính là điểm đặc biệt, linh hoạt và tiện lợi của mô hình RGB. Màn hình của bạn là một bức tường đen với các đèn chiếu sáng trên đó và bạn có thể điều chỉnh công suất của các đèn chiếu này cũng như tạo tất cả các loại màu nền, văn bản và liên kết bằng cách sử dụng các thuộc tính HTML trong hệ thống ký hiệu thập phân hoặc bạn cũng có thể nói: sử dụng mã màu thập phân.

Trong thực tế Thật sai lầm khi nói mã màu thập phân trong HTML, nói thì đúng hơn Mã màu thập phân RGB, vì mô hình này không chỉ được sử dụng để thiết kế các trang web bằng HTML và CSS.

Giá trị màu HTML thập lục phân

Việc đặt màu của các phần tử HTML bằng mã thập phân của mô hình RGB không thuận tiện lắm (và hiện tại, không phải tất cả các trình duyệt đều hỗ trợ phương pháp xử lý màu này), vì bản ghi sẽ không nhỏ gọn nhất; sẽ thuận tiện hơn nhiều khi đặt màu của các phần tử HTML bằng cách sử dụng các giá trị thập lục phân. Trong hình ảnh bên dưới, bạn có thể thấy các giá trị thập phân được chuyển đổi thành thập lục phân như thế nào.

Đối với những người chưa quen với hệ thập lục phân, nên giải thích một chút để các bạn có thể dễ dàng thao tác màu của các phần tử HTML bằng mã mô hình RGB thập lục phân. Thứ nhất, hệ thống số thập phân được đặt tên như vậy vì bất kỳ số nào cũng có thể thu được bằng cách kết hợp mười chữ số (thuật ngữ rất quan trọng: có sự khác biệt giữa một số và một chữ số): 0, 1, 2, 3, 5, 6, 7, 8, 9.

Trong hệ thập lục phân, bất kỳ số nào cũng có thể được viết bằng cách sử dụng kết hợp mười sáu chữ số: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, a, b, c, d, e, f. Để dễ hiểu, bạn có thể giả sử a là mười và f là mười lăm. Ví dụ, số mười sáu sẽ được viết dưới dạng thập lục phân như sau: 10. Và số 255 sẽ được viết là ff.

Bây giờ hãy xem chúng ta có thể làm thế nào đặt màu của các phần tử HTML bằng giá trị thập lục phân, hãy lặp lại ví dụ trước của chúng ta, thay thế mã màu thập phân bằng mã thập lục phân tương ứng của chúng:

Ghi chú: viết màu trong HTML ở định dạng thập lục phân có phần gọn hơn hơn ở số thập phân, đó là số đầu tiên. Thứ hai: công suất của mỗi đèn chiếu được đặt theo số từ 0 đến 255. Để viết số 255 cần có hai chữ số ở định dạng thập lục phân (ff = 250), do đó độ sáng của từng kênh màu (đèn chiếu sáng của chúng tôi được gọi chính xác là kênh màu, kênh màu) được đặt bằng hai chữ số từ 0 đến f.

Xin lưu ý: độ sáng của từng kênh màu được đặt riêng, nhưng nếu chúng ta tưởng tượng rằng đây là một số duy nhất thì số tối đa có thể có trong hệ thống số thập lục phân của mô hình RGB là ffffff, nó sẽ cho chúng ta màu trắng và trong hệ thập phân là: 16.777.215. Số lượng màu sắc và sắc thái này cho phép bạn thiết lập/sử dụng mô hình RGB. Con số này xuất phát từ việc mỗi kênh màu có 256 giá trị độ sáng (từ 0 đến 255), lần lượt là: 256 * 256 * 256 = 16.777.215.

Các giá trị màu HTML thập lục phân gọn hơn và rõ ràng hơn, hầu hết các nhà thiết kế web và thiết kế bố cục đều sử dụng giá trị thập lục phân để thao tác màu trong HTML, vì vậy chúng tôi khuyên bạn không nên làm quen với dạng thập phân của ký hiệu màu mà hãy sử dụng ngay hệ thập lục phân.

Rõ ràng là lúc đầu, một nhà thiết kế hoặc nhà thiết kế bố cục mới làm quen sẽ khó điều hướng dạng thập lục phân của ký hiệu màu, vì vậy hầu như bất kỳ trình soạn thảo đồ họa nào cũng có cái gọi là bảng màu, cho phép bạn chọn màu mong muốn và nhận được màu đó. mã cho các mô hình màu khác nhau trong các hệ thống số khác nhau.

Một số trình soạn thảo văn bản, chẳng hạn như , có phần mở rộng bảng màu rất tiện dụng khi bạn muốn chọn nhanh một màu và thay đổi nó. Tôi không thể nói bất cứ điều gì về vấn đề này.

Tên màu trong HTML

Thuộc tính HTML có thể lấy làm giá trị không chỉ mã thập phân và giá trị thập lục phân, mà còn có những tên hoa đặc biệt. Thay đổi màu của các thành phần HTML bằng tên của nó không phải là một ý tưởng hay. Thứ nhất, đằng sau tên màu trong HTML là mã mô hình RGB và thứ hai, mỗi trình duyệt hiển thị màu của thành phần HTML được chỉ định bởi tên khác nhau, điều đó chỉ phụ thuộc vào mong muốn của các nhà phát triển trình duyệt.

Đó là lý do tại sao không nên sử dụng tên màu trong HTML. Kiểu RGB phụ thuộc vào phần cứng và màu được chỉ định theo tên tùy thuộc vào trình duyệt và thậm chí cả phiên bản của nó. Hãy thử đặt màu của các thành phần trang HTML bằng tên:

Như bạn hiểu, có rất nhiều màu sắc và sắc thái. Điều đáng lưu ý ở đây là các thuộc tính HTML không cho phép bạn đặt độ dốc; CSS có tùy chọn này, nhưng chúng ta sẽ nói về điều đó trong một bài đăng khác. Và nhiều màu trong HTML đều có tên. Bạn có thể tìm thấy bảng tên màu trong HTML và mã RGB của chúng trên trang web của tôi.

Bảng trên cho thấy phần tử HTML sẽ có màu gì nếu bạn chỉ định nó bằng tên. Bảng này chứa 16 màu và tên của chúng đã được W3C phê duyệt và phải được hiển thị giống nhau trong mọi trình duyệt. Nhưng trên thực tế, trong HTML, bạn có thể sử dụng khoảng 200 tên màu được hỗ trợ bởi các trình duyệt chính, chẳng hạn như: Opera, Chrome, Firefox, Safari, Internet Explorer (tuyên bố này gây nhiều tranh cãi về sau).

Bảng màu HTML

Trong thực tế không có bảng màu trong HTML. Chúng ta hãy nhớ định nghĩa của bảng từ. Bảng màu là một tấm bảng mỏng nhỏ có hình tứ giác hoặc hình bầu dục, trên đó người nghệ sĩ trộn sơn và thu được đủ loại màu sắc. Đôi khi một lỗ được tạo ra trên bảng màu cho ngón cái để cầm thoải mái. Bạn sẽ tìm thấy hình ảnh của bảng màu bên dưới. Đó là lý do tại sao không có bảng màu trong HTML.

Nhưng trong nhiều trình soạn thảo văn bản khác nhau có plugin bảng màu sự giúp đỡ đó chọn nhanh màu của phần tử HTML. Ngoài ra còn có một bảng màu trong các trình soạn thảo đồ họa, vì việc nhà thiết kế ngồi tính toán không thuận tiện và thú vị lắm: màu nào sẽ xuất hiện ở độ sáng này hoặc độ sáng kia của kênh này hoặc kênh kia. Trong hình bên dưới, bạn có thể thấy bảng màu đơn giản nhất của trình soạn thảo Paint.

Lưu ý rằng nhiều mô-đun và plugin bảng màu cho phép bạn lấy mã màu không chỉ ở định dạng RGB/RGBA mà còn ở định dạng của các kiểu máy khác. Nhớ rằng không có bảng màu trong HTMLồ, trừ khi bạn là một nghệ sĩ tận tâm và bạn gọi bảng màu của trang HTML là những màu đóđược sử dụng để trang trí nó (xét cho cùng, đôi khi bảng màu đề cập đến những màu mà một nghệ sĩ cụ thể sử dụng hoặc những màu được sử dụng để tạo ra một bức tranh cụ thể).

Học cách thay đổi màu văn bản trong HTML

Chúng tôi có rất nhiều lý thuyết về màu sắc trong HTML, hãy bắt tay vào luyện tập và thử sức làm việc với màu sắc của các phần tử HTML. Điều đầu tiên chúng ta sẽ học làm là thay đổi màu văn bản trong tài liệu HTML sử dụng các thuộc tính và thẻ đặc biệt. Mở bất kỳ trình soạn thảo nào và viết đoạn mã sau vào đó:

Học cách làm việc với màu sắc trong HTML

Thay đổi màu văn bản

Để thay đổi màu của văn bản, chúng ta có thể sử dụng thuộc tính duy nhất của thành phần văn bản BODY và ​​cũng có thể sử dụng thành phần FONT và thuộc tính màu của nó. Văn bản này sẽ có màu xám.

Tôi sẽ lưu file này dưới dạng color.html và khuyên bạn đừng quên . Ghi màu trong hệ thống số thập phân không được Chrome, Firefox và Opera hỗ trợ, nhưng IE hiểu ký hiệu màu này và đánh dấu tiêu đề HTML bằng màu xanh lục:

Điều đúng cần nói không phải là thay đổi màu văn bản trong HTML mà là thay đổi màu phông chữ trong HTML. Về

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 đỏ đỏ 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 của nó hay bằng cách 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 .