Làm thế nào để bạn viết mã màu rgb trong html?

Question

Màu sắc rất quan trọng để mang lại giao diện đẹp cho trang web của bạn. Bạn có thể chỉ định màu ở cấp độ trang bằng thẻ hoặc bạn có thể đặt màu cho các thẻ riêng lẻ bằng thuộc tính bgcolor

Nội dung chính Show

Phương pháp mã hóa màu HTML
Màu HTML - Tên màu
Tiêu chuẩn W3C 16 màu
Màu HTML - Mã Hex
Màu HTML - Giá trị RGB
Màu an toàn của trình duyệt
Cách sử dụng màu sắc trong HTML
Màu được đặt tên trong CSS là gì?
Hệ thống màu được đặt tên theo số
Màu thập lục phân trong CSS là gì?
Mô hình màu RGB là gì?
Cú pháp màu RGB
Rất nhiều tùy chọn với RGB
Độ mờ RGB
Phần kết luận

Thẻ có các thuộc tính sau có thể được sử dụng để đặt các màu khác nhau –

bgcolor − đặt màu cho nền của trang
văn bản - đặt màu cho văn bản cơ thể
alink - đặt màu cho các liên kết đang hoạt động hoặc các liên kết đã chọn
liên kết - đặt màu cho văn bản được liên kết
vlink − đặt màu cho các liên kết đã truy cập − tức là cho văn bản được liên kết mà bạn đã nhấp vào

Phương pháp mã hóa màu HTML

Có ba phương pháp khác nhau sau đây để đặt màu cho trang web của bạn –

Tên màu − Bạn có thể chỉ định tên màu trực tiếp như xanh lá cây, xanh dương hoặc đỏ
Mã hex - Mã gồm sáu chữ số biểu thị lượng màu đỏ, xanh lá cây và xanh dương tạo nên màu
Giá trị phần trăm hoặc thập phân màu - Giá trị này được chỉ định bằng thuộc tính rgb( )

Bây giờ chúng ta sẽ xem từng cách phối màu này

Màu HTML - Tên màu

Bạn có thể chỉ định trực tiếp tên màu để đặt văn bản hoặc màu nền. W3C đã liệt kê 16 tên màu cơ bản sẽ hợp lệ với trình xác thực HTML nhưng có hơn 200 tên màu khác nhau được hỗ trợ bởi các trình duyệt chính

Lưu ý - Kiểm tra danh sách đầy đủ Tên màu HTML

Tiêu chuẩn W3C 16 màu

Dưới đây là danh sách các tên 16 màu Tiêu chuẩn W3C và bạn nên sử dụng chúng

BlackGraySilverWhiteYellowLimeAquaFuchsiaRedGreenBluePurpleMaroonOliveNavyTeal

Thí dụ

Dưới đây là các ví dụ để đặt nền của thẻ HTML theo tên màu -

HTML Colors by Name

Use different color names for for body and table and see the result.

This text will appear white on black background.

Màu HTML - Mã Hex

Hệ thập lục phân là biểu diễn 6 chữ số của một màu. Hai chữ số đầu tiên (RR) đại diện cho giá trị màu đỏ, hai chữ số tiếp theo là giá trị màu xanh lá cây (GG) và chữ số cuối cùng là giá trị màu xanh lam (BB)

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, Paintshop Pro hoặc MS Paint

Mỗi mã thập lục phân sẽ được đặt trước dấu thăng hoặc dấu thăng #. Sau đây là danh sách một vài màu sử dụng ký hiệu thập lục phân

ColorColor HEX#000000#FF0000#00FF00#0000FF#FFFF00#00FFFF#FF00FF#C0C0C0#FFFFFF

Thí dụ

Dưới đây là các ví dụ để đặt nền của thẻ HTML theo mã màu ở hệ thập lục phân –

HTML Colors by Hex

Use different color hexa for for body and table and see the result.

This text will appear white on black background.

Màu HTML - Giá trị RGB

Giá trị màu này được chỉ định 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 dương. Giá trị có thể là số nguyên từ 0 đến 255 hoặc phần trăm

Lưu ý - Tất cả các trình duyệt không hỗ trợ thuộc tính màu rgb() nên không nên sử dụng nó

Sau đây là danh sách hiển thị một vài màu sử dụng giá trị RGB

Màu Màu sắc RGB rgb(0,0,0)rgb(255,0,0)rgb(0,255,0)rgb(0,0,255)rgb(255,255,0)rgb(0,255,255)rgb(255,0,255)rgb(192,192,192

Thí dụ

Dưới đây là các ví dụ để đặt nền của thẻ HTML theo mã màu bằng các giá trị rgb() −

HTML Colors by RGB code

Use different color code for for body and table and see the result.

This text will appear white on black background.

Màu an toàn của trình duyệt

Dưới đây là danh sách 216 màu được cho là an toàn nhất và không phụ thuộc vào máy tính. Những màu này rất từ mã hex 000000 đến FFFFFF và chúng sẽ được hỗ trợ bởi tất cả các máy tính có bảng màu 256

Không gian màu RGB hoặc hệ màu RGB, xây dựng tất cả các màu từ sự kết hợp của các màu Đỏ, Xanh lục và Xanh lam

Mỗi màu đỏ, lục và lam sử dụng 8 bit, có giá trị nguyên từ 0 đến 255. Điều này làm cho 256*256*256=16777216 màu có thể

RGB ≡ Đỏ, Lục, Lam

Mỗi pixel trong màn hình LED hiển thị màu sắc theo cách này, bằng cách kết hợp các đèn LED màu đỏ, xanh lá cây và xanh lam (điốt phát sáng)

Khi điểm ảnh màu đỏ được đặt thành 0, đèn LED sẽ tắt. Khi pixel màu đỏ được đặt thành 255, đèn LED được bật hoàn toàn

Chọn màu phù hợp cho dự án thiết kế web của bạn là một nỗ lực nghiêm túc. Bảng màu thường có thể tạo hoặc phá vỡ giao diện tổng thể của trang web

Màu sắc khác nhau tạo cảm giác khác biệt cho thiết kế của bạn. Lựa chọn đúng màu sắc có thể làm cho các thiết kế và sáng tạo của bạn trông sạch sẽ, thẩm mỹ và hiện đại. Tuy nhiên, màu sắc không phù hợp có thể làm cho dự án trông sặc sỡ, khó nhìn và người dùng khó tương tác

Màu của đường viền (border), nền (background-color) hoặc của nền trước (color) – văn bản và trang trí văn bản trên trang – có tác động rất lớn, vì vậy bạn nên nỗ lực để làm cho đúng

Làm thế nào để bạn viết mã màu rgb trong html?

Hình ảnh từ Bapt

CSS cho phép bạn sử dụng nhiều màu sắc và hệ thống màu sắc khác nhau. Chúng bao gồm từ các màu được đặt tên, đến màu hex, màu rgb(), màu hsl, v.v.

Cách sử dụng màu sắc trong HTML

Cách dễ nhất để áp dụng màu sắc cho các thành phần HTML của bạn là viết HTML của bạn trong tệp


.intro {
 /* changes color of  background */
  background-color: rgb(232, 206, 191);
  max-width: 620px;
  height: 100px;
  padding: 5px;
  margin: 70px auto;
}

h2 {
/* changes color of text   */
  color: rgb(79, 72, 70);
  text-align:center;
}

0. Sau đó, trong tệp đó, bạn chỉ cần liên kết biểu định kiểu


.intro {
 /* changes color of  background */
  background-color: rgb(232, 206, 191);
  max-width: 620px;
  height: 100px;
  padding: 5px;
  margin: 70px auto;
}

h2 {
/* changes color of text   */
  color: rgb(79, 72, 70);
  text-align:center;
}

1 của mình với tất cả các màu và kiểu bạn chỉ định

Điều này làm cho mã của bạn dễ đọc hơn và tách biệt các mối quan tâm, đây được coi là phương pháp hay nhất

Chúng ta có thể có một tệp,


.intro {
 /* changes color of  background */
  background-color: rgb(232, 206, 191);
  max-width: 620px;
  height: 100px;
  padding: 5px;
  margin: 70px auto;
}

h2 {
/* changes color of text   */
  color: rgb(79, 72, 70);
  text-align:center;
}

2, với một số mã HTML như thế này




    
    
    
    
    
    About Me


     
     About Me

Sau đó, trong


.intro {
 /* changes color of  background */
  background-color: rgb(232, 206, 191);
  max-width: 620px;
  height: 100px;
  padding: 5px;
  margin: 70px auto;
}

h2 {
/* changes color of text   */
  color: rgb(79, 72, 70);
  text-align:center;
}

3 của chúng tôi, chúng tôi có thể thêm vào như sau


.intro {
 /* changes color of  background */
  background-color: rgb(232, 206, 191);
  max-width: 620px;
  height: 100px;
  padding: 5px;
  margin: 70px auto;
}

h2 {
/* changes color of text   */
  color: rgb(79, 72, 70);
  text-align:center;
}

Những phong cách này trông giống như thế này khi chúng tôi tải chúng trong trình duyệt

Trong ví dụ này, chúng tôi đã sử dụng giá trị màu


.intro {
 /* changes color of  background */
  background-color: rgb(232, 206, 191);
  max-width: 620px;
  height: 100px;
  padding: 5px;
  margin: 70px auto;
}

h2 {
/* changes color of text   */
  color: rgb(79, 72, 70);
  text-align:center;
}

4 để thay đổi màu trên trang

Bài viết này chủ yếu đề cập đến mô hình màu


.intro {
 /* changes color of  background */
  background-color: rgb(232, 206, 191);
  max-width: 620px;
  height: 100px;
  padding: 5px;
  margin: 70px auto;
}

h2 {
/* changes color of text   */
  color: rgb(79, 72, 70);
  text-align:center;
}

5. Nó đưa ra một số so sánh với


.intro {
 /* changes color of  background */
  background-color: rgb(232, 206, 191);
  max-width: 620px;
  height: 100px;
  padding: 5px;
  margin: 70px auto;
}

h2 {
/* changes color of text   */
  color: rgb(79, 72, 70);
  text-align:center;
}

6 và


.intro {
 /* changes color of  background */
  background-color: rgb(232, 206, 191);
  max-width: 620px;
  height: 100px;
  padding: 5px;
  margin: 70px auto;
}

h2 {
/* changes color of text   */
  color: rgb(79, 72, 70);
  text-align:center;
}

7, cân nhắc ưu và nhược điểm của từng loại, đồng thời thảo luận về một số điểm khác biệt và tương đồng giữa các hệ thống màu khác nhau này

Màu được đặt tên trong CSS là gì?

Màu sắc được đặt tên là từ tiếng Anh, được gọi là màu sắc từ khóa. Và chúng khá đơn giản để sử dụng

Trong tệp CSS của bạn, bạn khai báo thuộc tính bạn muốn nhắm mục tiêu và thay đổi. Sau đó, bạn sử dụng một trong các tên màu được đặt và chỉ định


h2 {
    color: cyan;
    }

Đoạn mã trên sẽ làm cho mọi phần tử


.intro {
 /* changes color of  background */
  background-color: rgb(232, 206, 191);
  max-width: 620px;
  height: 100px;
  padding: 5px;
  margin: 70px auto;
}

h2 {
/* changes color of text   */
  color: rgb(79, 72, 70);
  text-align:center;
}

8 trong HTML của bạn có giá trị màu văn bản là


.intro {
 /* changes color of  background */
  background-color: rgb(232, 206, 191);
  max-width: 620px;
  height: 100px;
  padding: 5px;
  margin: 70px auto;
}

h2 {
/* changes color of text   */
  color: rgb(79, 72, 70);
  text-align:center;
}

9

Có khoảng 140 màu được đặt tên mà các trình duyệt hiện đại hỗ trợ. Vì vậy, sự lựa chọn của bạn tương đối hạn chế và không có nhiều loại có sẵn

Với các màu được đặt tên, chúng tôi không thể khai thác sức mạnh thực sự của CSS. Vì vậy, hãy xem xét một số tùy chọn khác

Hệ thống màu được đặt tên theo số

Trong trường hợp này, màu sắc được mô tả bằng một hệ thống số. Điều này cho phép bạn tận dụng tối đa toàn bộ phổ màu có sẵn

Hầu hết các màn hình máy tính sử dụng hỗn hợp các màu đỏ, lục và lam kết hợp với nhau

Cả hai màu


.intro {
 /* changes color of  background */
  background-color: rgb(232, 206, 191);
  max-width: 620px;
  height: 100px;
  padding: 5px;
  margin: 70px auto;
}

h2 {
/* changes color of text   */
  color: rgb(79, 72, 70);
  text-align:center;
}

7 và


.intro {
 /* changes color of  background */
  background-color: rgb(232, 206, 191);
  max-width: 620px;
  height: 100px;
  padding: 5px;
  margin: 70px auto;
}

h2 {
/* changes color of text   */
  color: rgb(79, 72, 70);
  text-align:center;
}

5 đều sử dụng kết hợp màu đỏ, lục và lam để tạo ra các sắc độ khác nhau. Chúng hoạt động theo cùng một cách - sự khác biệt duy nhất là các hệ thống số mà chúng sử dụng và cú pháp của chúng

Vì vậy, hãy xem xét từng hệ thống sâu hơn một chút

Màu thập lục phân trong CSS là gì?

Máy tính đếm trong hệ thống đếm thập lục phân so với con người chúng ta sử dụng hệ thống đếm thập phân

Hệ thống này bao gồm các giá trị chữ và số bao gồm các ký tự này.


h2 {
    color: cyan;
    }

2

Màu hex bắt đầu bằng


h2 {
    color: cyan;
    }

3 để biểu thị rằng nó thực sự là màu hex và sau đó được theo sau bởi


h2 {
    color: cyan;
    }

4 của các ký tự được đề cập ở trên

Những con số và chữ cái này đại diện cho số lượng


h2 {
    color: cyan;
    }

5 trong màu

Chuyển đổi màu của từ khóa,


.intro {
 /* changes color of  background */
  background-color: rgb(232, 206, 191);
  max-width: 620px;
  height: 100px;
  padding: 5px;
  margin: 70px auto;
}

h2 {
/* changes color of text   */
  color: rgb(79, 72, 70);
  text-align:center;
}

9, từ trước đó thành giá trị màu hex tương đương của nó sẽ là


h2 {
    #00ffff;
    }

Cặp đầu tiên (


h2 {
    color: cyan;
    }

7) đại diện cho số lượng màu đỏ. Cặp tiếp theo (


h2 {
    color: cyan;
    }

8) đại diện cho lượng màu xanh lá cây. Và cái cuối cùng (


h2 {
    color: cyan;
    }

8) đại diện cho lượng màu xanh

Các màu hex có giá trị tối thiểu có thể sử dụng là


h2 {
    color: cyan;
    }

7 được tắt hoàn toàn và giá trị tối đa là


h2 {
    color: cyan;
    }

8 được bật hoàn toàn

Màu trắng trong hex là


h2 {
    #00ffff;
    }

2 hoặc


h2 {
    #00ffff;
    }

3 cho ký hiệu viết tắt của nó và màu đen là


h2 {
    #00ffff;
    }

4 hoặc


h2 {
    #00ffff;
    }

5

Mô hình màu RGB là gì?

Nói chung, màu


h2 {
    #00ffff;
    }

6 và màu


.intro {
 /* changes color of  background */
  background-color: rgb(232, 206, 191);
  max-width: 620px;
  height: 100px;
  padding: 5px;
  margin: 70px auto;
}

h2 {
/* changes color of text   */
  color: rgb(79, 72, 70);
  text-align:center;
}

4 giống hệt nhau – chúng chỉ sử dụng hệ thống số và cú pháp khác nhau (nhưng màu hoàn toàn giống nhau)

Nó thực sự phụ thuộc vào sở thích cá nhân mà bạn chọn sử dụng


h2 {
    #00ffff;
    }

8 là từ viết tắt của


h2 {
    #00ffff;
    }

9

Thay vì sử dụng sáu ký tự thập lục phân như chúng tôi đã làm cho các giá trị màu hex, với RGB, mỗi cặp tham số xác định cường độ và độ sáng của từng màu (đỏ, lục và lam), với một số nguyên nằm trong khoảng từ


h2 {
    color:  rgb(0,255,255);
    }

0 hoặc tỷ lệ phần trăm nằm trong khoảng (

Nó thể hiện màu sắc theo số lượng màu đỏ, xanh lá cây và xanh lam mà chúng được tạo thành và sử dụng hệ thống đếm của con người để so sánh với các màu hex nói ngôn ngữ máy tính

Con số này là một mã để biểu thị mức độ tối hoặc sáng của màu

Giá trị tối thiểu của


h2 {
    color:  rgb(0,255,255);
    }

1 thể hiện rằng không có màu nào được hiển thị, vì vậy màu đó ở mức tối nhất. Mặt khác, giá trị tối đa của


h2 {
    color:  rgb(0,255,255);
    }

2 thể hiện rằng toàn bộ lượng màu và cường độ đầy đủ được hiển thị

Cú pháp màu RGB

Giao diện chung của một tuyên bố


.intro {
 /* changes color of  background */
  background-color: rgb(232, 206, 191);
  max-width: 620px;
  height: 100px;
  padding: 5px;
  margin: 70px auto;
}

h2 {
/* changes color of text   */
  color: rgb(79, 72, 70);
  text-align:center;
}

4 là


h2 {
    color:  rgb(0,255,255);
    }

4

RGB có cú pháp sau

từ khóa


.intro {
 /* changes color of  background */
  background-color: rgb(232, 206, 191);
  max-width: 620px;
  height: 100px;
  padding: 5px;
  margin: 70px auto;
}

h2 {
/* changes color of text   */
  color: rgb(79, 72, 70);
  text-align:center;
}

4 theo sau bởi một bộ dấu ngoặc đơn


h2 {
    color:  rgb(0,255,255);
    }

6

ba giá trị số thập phân được phân tách bằng dấu phẩy bên trong dấu ngoặc đơn (đại diện cho ba màu),
và cuối cùng nó kết thúc bằng dấu chấm phẩy

Hãy chắc chắn rằng bạn không để lại bất kỳ khoảng trống nào giữa bất kỳ thứ gì

Lấy lại ví dụ về


.intro {
 /* changes color of  background */
  background-color: rgb(232, 206, 191);
  max-width: 620px;
  height: 100px;
  padding: 5px;
  margin: 70px auto;
}

h2 {
/* changes color of text   */
  color: rgb(79, 72, 70);
  text-align:center;
}

9, mã


.intro {
 /* changes color of  background */
  background-color: rgb(232, 206, 191);
  max-width: 620px;
  height: 100px;
  padding: 5px;
  margin: 70px auto;
}

h2 {
/* changes color of text   */
  color: rgb(79, 72, 70);
  text-align:center;
}

4 tương đương là


h2 {
    color:  rgb(0,255,255);
    }

Màu đỏ không hiển thị trong khi màu lục và lam ở mức sáng nhất và tối đa

Màu trắng là


h2 {
    color:  rgb(0,255,255);
    }

9

Màu đen là


h2 {
    color:  rgba(0,255,255,0.5);
    }

0

Màu đỏ là


h2 {
    color:  rgba(0,255,255,0.5);
    }

1

Màu xanh lá cây là


h2 {
    color:  rgba(0,255,255,0.5);
    }

2

Màu xanh lam là


h2 {
    color:  rgba(0,255,255,0.5);
    }

3

Rất nhiều tùy chọn với RGB

Với RGB, mỗi giá trị được trộn lẫn với phần còn lại và chúng cùng nhau tạo ra một loạt các màu sắc. Bạn thậm chí có thể tạo các kết hợp màu mới, biến nó thành giấc mơ của nhà thiết kế

Trong hệ màu


.intro {
 /* changes color of  background */
  background-color: rgb(232, 206, 191);
  max-width: 620px;
  height: 100px;
  padding: 5px;
  margin: 70px auto;
}

h2 {
/* changes color of text   */
  color: rgb(79, 72, 70);
  text-align:center;
}

4, có ba giá trị bạn có thể sử dụng và mỗi giá trị có thể là một trong 256 giá trị có thể

Điều đó tạo ra tổng cộng 256 * 256 * 256 = 16.777.216 tùy chọn màu để lựa chọn

Độ mờ RGB

Theo mặc định, tất cả các màu của


.intro {
 /* changes color of  background */
  background-color: rgb(232, 206, 191);
  max-width: 620px;
  height: 100px;
  padding: 5px;
  margin: 70px auto;
}

h2 {
/* changes color of text   */
  color: rgb(79, 72, 70);
  text-align:center;
}

4 hoàn toàn mờ đục

Chúng tôi có khả năng làm cho màu trong suốt hơn bằng cách thay đổi độ trong suốt bằng bộ chọn


h2 {
    color:  rgba(0,255,255,0.5);
    }

6

Phần


.intro {
 /* changes color of  background */
  background-color: rgb(232, 206, 191);
  max-width: 620px;
  height: 100px;
  padding: 5px;
  margin: 70px auto;
}

h2 {
/* changes color of text   */
  color: rgb(79, 72, 70);
  text-align:center;
}

4 giữ nguyên, nhưng giá trị thứ tư,


h2 {
    color:  rgba(0,255,255,0.5);
    }

8, là viết tắt của


h2 {
    color:  rgba(0,255,255,0.5);
    }

9

Chúng tôi có thể cung cấp cho


h2 {
    color:  rgba(0,255,255,0.5);
    }

8 một số là


h2 {
    color:  rgb(0,255,255);
    }

1 hoặc

.intro {
    background-color: rgb(232, 206, 191);
    max-width: 620px;
    height: 100px;
    padding: 5px;
    margin: 70px auto;
    opacity: 0.3;
    }

2 để mô tả mức độ mờ đục mà chúng tôi muốn màu của mình.


h2 {
    color:  rgb(0,255,255);
    }

1 hoàn toàn nhìn xuyên thấu và trong suốt và _________ 60 _______2 hoàn toàn mờ đục

Chúng tôi sẽ sử dụng lại ví dụ


.intro {
 /* changes color of  background */
  background-color: rgb(232, 206, 191);
  max-width: 620px;
  height: 100px;
  padding: 5px;
  margin: 70px auto;
}

h2 {
/* changes color of text   */
  color: rgb(79, 72, 70);
  text-align:center;
}

9, nhưng lần này chúng tôi sẽ làm cho nó có độ mờ một nửa


h2 {
    color:  rgba(0,255,255,0.5);
    }

Trong CSS cũng có bộ chọn

.intro {
    background-color: rgb(232, 206, 191);
    max-width: 620px;
    height: 100px;
    padding: 5px;
    margin: 70px auto;
    opacity: 0.3;
    }

6

Chúng tôi sẽ sử dụng HTML trước đó và thêm bộ chọn

.intro {
    background-color: rgb(232, 206, 191);
    max-width: 620px;
    height: 100px;
    padding: 5px;
    margin: 70px auto;
    opacity: 0.3;
    }

6 vào phần tử

.intro {
    background-color: rgb(232, 206, 191);
    max-width: 620px;
    height: 100px;
    padding: 5px;
    margin: 70px auto;
    opacity: 0.3;
    }

8 của chúng tôi với một lớp

.intro {
    background-color: rgb(232, 206, 191);
    max-width: 620px;
    height: 100px;
    padding: 5px;
    margin: 70px auto;
    opacity: 0.3;
    }

9 trong CSS của chúng tôi

.intro {
    background-color: rgb(232, 206, 191);
    max-width: 620px;
    height: 100px;
    padding: 5px;
    margin: 70px auto;
    opacity: 0.3;
    }

Lưu ý rằng điều này làm cho toàn bộ thẻ trong suốt, bao gồm nền, tiêu đề, nền của tiêu đề – mọi thứ

Sức mạnh của


h2 {
    color:  rgba(0,255,255,0.5);
    }

6 là nó cho phép chúng ta chỉ nhìn xuyên qua nền, chẳng hạn, hoặc chúng ta có thể chỉ làm cho tiêu đề trong suốt. Nó sẽ không ảnh hưởng đến toàn bộ thẻ và tất cả nội dung bên trong nó

Bây giờ nếu chúng ta xóa dòng ở trên và chúng ta cập nhật bộ chọn background-color thành border2, chúng ta sẽ thấy rằng nó không ảnh hưởng đến tiêu đề

Phần kết luận

Tôi hy vọng điều này đã cung cấp cho bạn một cái nhìn tổng quan về mô hình màu RGB, cú pháp của nó và cách thức hoạt động của nó. Chúng tôi cũng đã so sánh ngắn gọn nó với các mô hình màu khác trong CSS

Tôi hy vọng bạn tìm thấy điều này có giá trị và cảm ơn bạn đã đọc

Mã hóa vui vẻ

QUẢNG CÁO

Dionysia Lemonaki

Học một cái gì đó mới mỗi ngày và viết về nó

Nếu bài viết này hữu ích, hãy tweet nó

Học cách viết mã miễn phí. Chương trình giảng dạy nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có việc làm với tư cách là nhà phát triển. Bắt đầu

programming html

Làm thế nào để bạn viết mã màu rgb trong html?

Phương pháp mã hóa màu HTML

Màu HTML - Tên màu

Tiêu chuẩn W3C 16 màu

Thí dụ

Màu HTML - Mã Hex

Thí dụ

Màu HTML - Giá trị RGB

Thí dụ

Màu an toàn của trình duyệt

Cách sử dụng màu sắc trong HTML

About Me

Màu được đặt tên trong CSS là gì?

Hệ thống màu được đặt tên theo số

Màu thập lục phân trong CSS là gì?

Mô hình màu RGB là gì?

Cú pháp màu RGB

Rất nhiều tùy chọn với RGB

Độ mờ RGB

Phần kết luận

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội