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 RGB và RGBA


Giá trị màu RGB đại diện cho các nguồn sáng ĐỎ, XANH LÁ và XANH LÁ.

Giá trị màu RGBA là phần mở rộng của RGB với kênh Alpha (độ mờ).


Giá trị màu RGB

Trong HTML, một màu có thể được chỉ định dưới dạng giá trị RGB, sử dụng công thức sau:

rgb ( đỏ, lục , lam )

Mỗi tham số (đỏ, lục và lam) xác định cường độ của màu với giá trị từ 0 đến 255.

Điều này có nghĩa là có thể có 256 x 256 x 256 = 16777216 màu!

Ví dụ: rgb (255, 0, 0) được hiển thị là màu đỏ, vì màu đỏ được đặt thành giá trị cao nhất của nó (255) và hai màu còn lại (xanh lục và xanh lam) được đặt thành 0.

Một ví dụ khác, rgb (0, 255, 0) được hiển thị là màu xanh lá cây, vì màu xanh lá cây được đặt thành giá trị cao nhất (255) và hai màu còn lại (đỏ và xanh lam) được đặt thành 0.

Để hiển thị màu đen, hãy đặt tất cả các thông số màu thành 0, như sau: rgb (0, 0, 0).

Để hiển thị màu trắng, hãy đặt tất cả các tham số màu thành 255, như sau: rgb (255, 255, 255).

Thử nghiệm bằng cách trộn các giá trị RGB bên dưới:

rgb (255, 99, 71)

MÀU ĐỎ

255

MÀU XANH LÁ

99

MÀU XANH LAM

71

Thí dụ

rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(60, 179, 113)
rgb(238, 130, 238)
rgb(255, 165, 0)
rgb(106, 90, 205)


Sắc thái của màu xám

Các sắc thái của màu xám thường được xác định bằng cách sử dụng các giá trị bằng nhau cho cả ba tham số:

Thí dụ

rgb(60, 60, 60)
rgb(100, 100, 100)
rgb(140, 140, 140)
rgb(180, 180, 180)
rgb(200, 200, 200)
rgb(240, 240, 240)


Giá trị màu RGBA

Giá trị màu RGBA là phần mở rộng của giá trị màu RGB với kênh Alpha - chỉ định độ mờ cho một màu.

Giá trị màu RGBA được chỉ định bằng:

rgba ( đỏ, lục , lam, alpha )

Tham số alpha là một số từ 0,0 (hoàn toàn trong suốt) đến 1,0 (không trong suốt chút nào):

Thử nghiệm bằng cách trộn các giá trị RGBA bên dưới:

rgba (255, 99, 71, 0,5)

MÀU ĐỎ

255

MÀU XANH LÁ

99

MÀU XANH LAM

71

ALPHA

0,5

Thí dụ

rgba(255, 99, 71, 0)
rgba(255, 99, 71, 0.2)
rgba(255, 99, 71, 0.4)
rgba(255, 99, 71, 0.6)
rgba(255, 99, 71, 0.8)
rgba(255, 99, 71, 1)