Hướng dẫn HTML

TRANG CHỦ HTML Giới thiệu HTML Trình chỉnh sửa HTML HTML cơ bản Phần tử HTML Thuộc tính HTML Tiêu đề HTML Đoạn văn HTML Kiểu HTML Định dạng HTML Trích dẫn HTML Nhận xét HTML Màu HTML HTML CSS Liên kết HTML Hình ảnh HTML HTML Favicon Bảng HTML Danh sách HTML Khối HTML & Nội tuyến Các lớp HTML Id HTML Khung nội tuyến HTML HTML JavaScript Đường dẫn tệp HTML Đầu HTML Bố cục HTML HTML đáp ứng Mã máy tính HTML Ngữ nghĩa HTML Hướng dẫn kiểu HTML Thực thể HTML Biểu tượng HTML Biểu tượng cảm xúc HTML Bộ mã HTML Mã hóa URL HTML HTML so với XHTML

Biểu mẫu HTML

Biểu mẫu HTML Thuộc tính biểu mẫu HTML Phần tử biểu mẫu HTML Các loại đầu vào HTML Thuộc tính đầu vào HTML Thuộc tính biểu mẫu nhập HTML

Đồ họa HTML

HTML Canvas HTML SVG

HTML Media

HTML Media Video HTML Âm thanh HTML Trình cắm HTML HTML YouTube

API HTML

Vị trí địa lý HTML Kéo / thả HTML Lưu trữ web HTML Nhân viên web HTML HTML SSE

Ví dụ HTML

Ví dụ HTML HTML Quiz Bài tập HTML Chứng chỉ HTML Tóm tắt HTML Khả năng truy cập HTML

Tham chiếu HTML

Danh sách thẻ HTML Thuộc tính HTML Thuộc tính toàn cầu HTML Hỗ trợ trình duyệt HTML Sự kiện HTML Màu HTML HTML Canvas HTML Audio / Video HTML Doctypes Bộ ký tự HTML Mã hóa URL HTML Mã HTML Lang Tin nhắn HTTP Phương thức HTTP Công cụ chuyển đổi PX sang EM Các phím tắt bàn phím

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:

Cà chua
trái cam
DodgerBlue
MediumSeaGreen
xám
Màu xanh đá phiến
màu tím
Xám nhạt

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:

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="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:

rgb (255, 99, 71)
# ff6347
hsl (9, 100%, 64%)

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

rgba (255, 99, 71, 0,5)
hsla (9, 100%, 64%, 0,5)

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>

Tìm hiểu thêm về Giá trị màu

Bạn sẽ tìm hiểu thêm về RGB , HEXHSL trong các chương tiếp theo.