Màu HTML
Màu HTML được chỉ định bằng tên màu xác định trước hoặc với các giá trị RGB, HEX, HSL, RGBA hoặc HSLA.
Tên màu
Trong HTML, một màu có thể được chỉ định bằng cách sử dụng tên màu:
HTML hỗ trợ 140 tên màu tiêu chuẩn .
Màu nền
Bạn có thể đặt màu nền cho các phần tử HTML:
Nỗi đau chính là tình yêu Đó là lý do tại sao điều đó xảy ra một cách nhỏ nhặt nhất, những người mà hoạt động bình thường của chúng ta phải gánh chịu để tận dụng những hậu quả
Thí dụ
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem
ipsum...</p>
Văn bản màu
Bạn có thể đặt màu của văn bản:
Chào thế giới
Nỗi đau chính là tình yêu
Đó là lý do tại sao điều đó xảy ra một cách nhỏ nhặt nhất, những người mà hoạt động bình thường của chúng ta phải gánh chịu để tận dụng những hậu quả
Thí dụ
<h1 style="color:Tomato;">Hello
World</h1>
<p style="color:DodgerBlue;">Lorem
ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi
enim...</p>
Màu viền
Bạn có thể đặt màu của đường viền:
Chào thế giới
Chào thế giới
Chào thế giới
Thí dụ
<h1 style="border:2px
solid Tomato;">Hello
World</h1>
<h1 style="border:2px
solid DodgerBlue;">Hello
World</h1>
<h1 style="border:2px
solid Violet;">Hello
World</h1>
Giá trị màu
Trong HTML, màu sắc cũng có thể được chỉ định bằng cách sử dụng giá trị RGB, giá trị HEX, giá trị HSL, giá trị RGBA và giá trị HSLA.
Ba phần tử <div> sau có màu nền được đặt với các giá trị RGB, HEX và HSL:
Hai phần tử <div> sau có bộ màu nền của chúng bằng các giá trị RGBA và HSLA, các giá trị này thêm kênh Alpha vào màu (ở đây chúng tôi có độ trong suốt là 50%):
Thí dụ
<h1 style="background-color:rgb(255,
99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9,
100%, 64%);">...</h1>
<h1 style="background-color:rgba(255,
99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9,
100%, 64%, 0.5);">...</h1>