Màu sắc trong HTML

Posted on by adminChuyên mục:Kiến thức Internet
Quy tắc sắc tố trong HTML, mã sắc tố CSS và HTML, sử dụng những sắc tố trong văn bản HTML thuần túy, công cụ chọn sắc tố và những mã màu dùng trong CSS và HTML

Khái niệm về màu sắc trong HTML và CSS

Màu sắc sử dụng trong HTML cũng như CSS là sự kết hợp ba màu (trộn ba màu đỏ RED,
xanh lá GREEN, xanh BLUE với cường độ màu khác nhau
của các màu thành phần này), từ nguyên tắc trộn màu đó nó tạo ra tất cả các màu còn lại khác), ta gọi là trộn
màu RGB. Cường độ màu là số nguyên có giá trị từ 0 đến 255.

Phía dưới có công cụ chuyển số cường độ màu dạng thập phân sang dạng thập lục phân hex

Quy tắc trộn màu theo quy luật về màu sắc trong hội họa

Bạn đang đọc: Màu sắc trong HTML

RGB

Các ngôn ngũ lập trình đều hỗ trợ những hàm để trộn màu rgb, ngay cả HTML CSS cũng có
hàm pha trộn màu ba thành phần có tên là rgb, ví dụ: màu đỏ có cường độ 128, màu green có cường độ 100,
màu blue có cường độ 50 ba màu đó trộn với nhau

Màu nền rgb ( 128,100,200 )

Màu nền rgb ( 128,100,200 )
Hoặc màu đỏ và màu green ( cường độ cao nhất 255 ) trộn với nhau ( không có màu blue ) thì sẽ ra màu vàng

Màu nền rgb ( 255, 255, 0 )

Màu nền rgb ( 255, 255, 0 ) .

Màu theo giá trị HEX dùng trong HTML và CSS

Dùng phổ biến trong HTML, CSS là cách màu sắc được biểu diễn bằng giá trị thập lục phân hexadecimal.
Tức là dùng 16 chữ số: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F để biểu diễn những thành
phần màu được pha trộn RGB

Giá trị màu Hex biểu diễn bằng cách viết ký tự hashtag (#)
và theo sau là sáu ký tự HEX gồm 2 ký tự đầu là giá trị HEX là cường độ màu đỏ RED,
tiếp theo là 2 ký tự hex cường độ màu xanh lá GREEN,
2 ký tự cuối là số hex cường độ màu xanh BLUE. Kết quả màu sẽ sự pha trộn của ba thành phần đó.

Ví dụ: Một màu hex viết là #8064c8 thì từ là pha màu pha trộn bởi:

  • Màu đỏ cường độ hex 80 (128 hệ thập phân)
  • Màu green cường độ hex 64 (100 hệ thập phân)
  • Màu blue cường độ hex c8 (200 hệ thập phân)
Màu nền # 8064 c8

Màu nền # 8064 c8
Bạn thấy màu hex # 8064 c8 tương tự trộn màu RGB rgb ( 128, 100, 200 )

Số lượng màu sắc biểu diễn bởi số hex

Với cách biểu diễn mỗi màu đơn sắc bằng giá trị HEX với 2 ký tự thì nó biểu diễn được 256 giá trị.
Ba màu RGB kết hợp lại sẽ biểu diễn được 16 triệu màu. Ví dụ đây là một số màu HEX:

RGB
CÔNG CỤ ĐỔI SỐ THẬP PHÂN CƯỜNG ĐỘ MÀU SANG HEX VÀ PHA TRỘN MÀU SẮC SỬ DỤNG VỚI CSS, HTML

Đổi thập phân sang thập lục phân

⇢ Giá trị cường độ màu (thập phân):
10
0 a

Trộn màu RGB và màu Hex

Cường độ màu Red, Green, Blue
128, 128, 128 (hex 80, 80, 80)

Kết quả mã hex trộn màu :

#808080

Thuộc tính bgcolor và thẻ font

Thuộc tính bgcolor dùng để thay đổi màu nền trang web.
Khi cần thay đổi màu văn bản, bạn có thể dùng thẻ
font kết hợp với thuộc tính color, các trường hợp khác về màu sắc trên trang
ngay nay người ta dùng CSS chứ không sử dụng trực tiếp các thuộc tính thẻ HTML chuyên biệt.

ĐĂNG KÝ KÊNH, XEM CÁC VIDEO TRÊN XUANTHULAB

Đăng ký nhận bài viết mới

admin