Menu
×

Được chứng nhận

Ghi lại kiến ​​thức của bạn

Đăng nhập Đăng ký

Tạo Tài khoản Example.com.vn miễn phí để cải thiện trải nghiệm học tập của bạn

Người tìm đường và việc học của tôi

Theo dõi tiến độ học tập của bạn tại Example.com.vn và thu thập phần thưởng

Nâng cấp

Trở thành người dùng PLUS và mở khóa các tính năng mạnh mẽ (không có quảng cáo, lưu trữ, hỗ trợ, ..)

Bắt đầu từ đâu

Bạn không chắc chắn muốn bắt đầu từ đâu? Đi theo con đường được hướng dẫn của chúng tôi

Trình chỉnh sửa mã (Dùng thử)

Với trình chỉnh sửa mã trực tuyến của chúng tôi, bạn có thể chỉnh sửa mã và xem kết quả trong trình duyệt của mình

Video

Tìm hiểu những điều cơ bản về HTML qua video hướng dẫn thú vị và hấp dẫn

Mẫu

Chúng tôi đã tạo một loạt mẫu trang web đáp ứng mà bạn có thể sử dụng - miễn phí!

Web hosting

Lưu trữ trang web của riêng bạn và chia sẻ nó với mọi người với Example.com.vn Spaces

Tạo một máy chủ

Tạo máy chủ của riêng bạn bằng Python, PHP, React.js, Node.js, Java, C#, v.v.

Làm thế nào để

Bộ sưu tập lớn các đoạn mã cho HTML, CSS và JavaScript

Khung CSS

Xây dựng các trang web nhanh và phản hồi bằng cách sử dụng khung W3.CSS miễn phí của chúng tôi

Thống kê trình duyệt

Đọc xu hướng dài hạn của việc sử dụng trình duyệt

Tốc độ gõ

Kiểm tra tốc độ đánh máy của bạn

Đào tạo AWS

Tìm hiểu dịch vụ web của Amazon

Bộ chọn màu

Sử dụng công cụ chọn màu của chúng tôi để tìm các màu RGB, HEX và HSL khác nhau. Bánh xe màu hình tròn thể hiện sự chuyển màu trong quang phổ

Trò chơi mã

Trò chơi mã hóa W3Schools! Giúp linh miêu thu thập nón thông Logo Lynx

Đặt mục tiêu

Nhận hành trình học tập được cá nhân hóa dựa trên các kỹ năng và mục tiêu hiện tại của bạn

Bản tin

Tham gia bản tin của chúng tôi và có quyền truy cập vào nội dung độc quyền mỗi tháng

Việc làm

Thuê những tài năng công nghệ hàng đầu. Hợp lý hóa quy trình tuyển dụng của bạn để có đội ngũ phù hợp hoàn hảo

Lớp học

Hãy liên hệ để sử dụng Example.com.vn Plus và các chứng chỉ với tư cách là một tổ chức giáo dục

×
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP CÁCH W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS AN NINH MẠNG DỮ LIỆU KHOA HỌC

Hướng dẫn HTML

HTML TRANG CHỦ HTML Giới thiệu HTML Trình soạn thảo HTML Các phần tử HTML cơ bản Thuộc tính HTML Tiêu đề HTML Đoạn HTML Kiểu HTML Định dạng HTML Trích dẫn HTML Nhận xét HTML Màu sắc HTML HTML CSS Liên kết HTML Hình ảnh HTML HTML Favicon Tiêu đề trang HTML Bảng HTML Danh sách HTML Khối HTML & Nội tuyến HTML Div Lớp HTML HTML Id HTML Iframe HTML JavaScript Đường dẫn tệp HTML Đầu HTML Bố cục HTML HTML HTML đáp ứngmá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ộ ký tự HTML URL HTML Mã hóa HTML so với XHTML

Biểu mẫu HTML

Biểu mẫu HTML Thuộc tính biểu mẫu HTML Thành phần biểu mẫu HTML Loại đầu vào HTML Thuộc tính đầu vào HTML Thuộc tính biểu mẫu đầu vào

Đồ họa HTML

HTML Canvas HTML SVG

Phương tiện HTML

Phương tiện HTML HTML Video HTML Âm thanh HTML Plug-ins HTML YouTube

API HTML

Định vị địa lý HTML Kéo/thả HTML Lưu trữ web HTML Công nhân web HTML SSE

Ví dụ về HTML

Ví dụ về HTML Trình chỉnh sửa HTML Câu đố HTML Bài tập HTML Trang web HTML Chuẩn bị phỏng vấn HTML Chứng chỉ HTML Bootcamp HTML Tóm tắt HTML Khả năng truy cập HTML

Tài liệu tham khảo 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 sắc HTML HTML Canvas HTML Âm thanh/Video Kiểu tài liệu HTML Bộ ký tự HTML Mã hóa URL HTML HTML Lang Mã Thông báo HTTP Phương thức HTTP Bộ chuyển đổi PX sang EM 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 và XANH.

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 làm giá trị RGB bằng công thức sau:

rgb ( đỏ, xanh lá cây , xanh dương )

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ó 256 x 256 x 256 = 16777216 màu có thể có!

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à hai giá trị 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ị dưới dạng màu xanh lục, vì màu xanh lá cây được đặt ở giá trị cao nhất (255) và hai giá trị còn lại (đỏ và xanh lam) được đặt thành 0.

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

Để hiển thị màu trắng, đặt tất 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:

MÀU ĐỎ

255

MÀU XANH LÁ

0

MÀU XANH DA TRỜI

0

Ví 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)

Hãy tự mình thử »


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ố:

Ví 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)

Hãy tự mình thử »

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 - kênh này chỉ định độ mờ cho 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 minh bạch chút nào):

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

MÀU ĐỎ

255

MÀU XANH LÁ

0

MÀU XANH DA TRỜI

0

ALPHA

0

Ví 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)

Hãy tự mình thử »

Bài tập HTML

Kiểm tra bản thân bằng các bài tập

Bài tập:

Chèn các giá trị màu RGB chính xác để làm cho màu nền hoàn toàn có màu xanh lam.

<p style="background-color:rgb( , , )">Đây là một đoạn văn.</p>

Bắt đầu bài tập



×

Liên hệ bán hàng

Nếu bạn muốn sử dụng dịch vụ của Example.com.vn với tư cách là một tổ chức giáo dục, nhóm hoặc doanh nghiệp, hãy gửi email cho chúng tôi:
[email được bảo vệ]

Báo cáo lỗi

Nếu bạn muốn báo cáo lỗi hoặc nếu bạn muốn đưa ra đề xuất, hãy gửi email cho chúng tôi:
[email được bảo vệ]

Example.com.vn được tối ưu hóa cho việc học tập và đào tạo. Các ví dụ có thể được đơn giản hóa để cải thiện khả năng đọc và học. Các hướng dẫn, tài liệu tham khảo và ví dụ liên tục được xem xét để tránh sai sót, nhưng chúng tôi không thể đảm bảo tính chính xác hoàn toàn của mọi nội dung. Khi sử dụng W3Schools, bạn đồng ý đã đọc và chấp nhận các điều khoản sử dụng , chính sách cookie và quyền riêng tư của chúng tôi.

Bản quyền 1999-2024 của Refsnes Data. Đã đăng ký Bản quyền. Example.com.vn được cung cấp bởi W3.CSS .