Hướng dẫn can you change the font color of a text in html? - bạn có thể thay đổi màu phông chữ của văn bản trong html không?

Question

Chúng tôi sử dụng thuộc tính kiểu để đặt màu phông chữ trong HTML. Thuộc tính kiểu chỉ định kiểu nội tuyến cho một phần tử, với màu thuộc tính CSS. Thuộc tính được sử dụng với thẻ HTML, với màu thuộc tính CSS. HTML5 không hỗ trợ thẻ, vì vậy kiểu CSS được sử dụng để thêm màu phông chữ. Thẻ không dùng nữa trong HTML5.

Nội dung chính Show

<!DOCTYPE html> <html> <head> <title>HTML Font color</title> </head> <body> <h2>Products</h2> <p style="color:blue">This is demo content.</p> </body> </html>
Kiểm tra hướng dẫn video của chúng tôi để thay đổi màu phông chữ HTML
Tại sao thay đổi màu phông chữ HTML?
Các cách để xác định màu sắc
Giá trị RGB và RGBA
Giá trị hex
Giá trị HSL và HSLA
Cái cũ: <!DOCTYPE html> <html> <head> <title>HTML Font color</title> </head> <body> <h2>Products</h2> <p style="color:blue">This is demo content.</p> </body> </html> 8 thẻ
The New: CSS Styles
CSS nội tuyến
Bạn muốn biết làm thế nào chúng ta tăng lưu lượng truy cập trên 1000%?
CSS bên ngoài
Nội tuyến, nhúng, hoặc bên ngoài?
Thẻ phông chữ hoặc kiểu CSS: Ưu và Nhược điểm
HTML phông chữ thẻ ưu và nhược điểm
CSS ưu và nhược điểm
Mẹo thay đổi màu phông chữ HTML
Sử dụng một bộ chọn màu
Kiểm tra độ tương phản
Tìm màu bằng phương pháp kiểm tra
Bản tóm tắt

Cú pháp

<h2 style="color: azure">text…</h2>

Thí dụ

Trong ví dụ dưới đây, chúng tôi đặt màu phông chữ của văn bản bên trong thẻ.

<!DOCTYPE html>
<html>
<head>
   <title>HTML Font color</title>
</head>
<body>
   <h2>Products</h2>
   <p style="color:blue">This is demo content.</p>
</body>
</html>

Thí dụ

Trong ví dụ dưới đây, chúng tôi đặt màu phông chữ của văn bản bên trong thẻ.

<!DOCTYPE html>
<html>
<head>
   <style>
      body {
         background-color: rgb(20,30, 1);
      }
   </style>
<h2 style="color: azure">HTML Articles</h2>
</head>
<body>
</body>
</html>

<!DOCTYPE html> <html> <head> <title>HTML Font color</title> </head> <body> <h2>Products</h2> <p style="color:blue">This is demo content.</p> </body> </html>

Sau đây là chương trình ví dụ để đặt màu phông chữ trong HTML.

<!DOCTYPE html>
<html>
<head>
   <style>
      body {
         background-color: rgb(20,30, 1);
      }
      h2{
         color: cyan;
      }
   </style>
   <h2>HTML Articles</h2>
</head>
<body>
</body>
</html>

Ví dụ: Chỉ định phong cách nội bộ

Chúng tôi cũng có thể chỉ định kiểu bên trong cho một phần tử, với màu thuộc tính CSS để đặt màu phông chữ trong HTML. Sau đây là chương trình ví dụ cho Bảng kiểu nội bộ để đặt màu phông chữ trong HTML.
Cập nhật vào ngày 11 tháng 11 năm 2022 08:55:47
Câu hỏi và câu trả lời liên quan
Làm thế nào để đặt văn bản gia đình phông chữ trong HTML?
Làm thế nào để đặt màu nền trong HTML?
Làm thế nào để chúng ta đặt phông chữ văn bản trong HTML?
Cách đặt mặt phông chữ, kiểu, kích thước và màu sắc cho văn bản jtextpane trong java
Làm thế nào để thay đổi màu phông chữ của TextView trong Android?
Làm thế nào để thay đổi kích thước phông chữ trong HTML?
Làm thế nào để thay đổi phông chữ văn bản trong HTML?
Làm thế nào để sử dụng phông chữ nhỏ trong HTML?
Làm thế nào để thay đổi màu sắc và phông chữ của Android ListView?
Làm thế nào để đặt phông chữ cho văn bản trong tkinter?
Làm thế nào để đặt phông chữ thành nút văn bản trong javafx?
Làm thế nào để thay đổi màu tiền cảnh hoặc màu phông chữ của bảng điều khiển bằng PowerShell?
Làm thế nào để thay đổi màu nền của phông chữ trong PowerShell?

Khi nói đến việc tùy chỉnh trang web của bạn, màu sắc phông chữ thường bị bỏ qua. Trong hầu hết các trường hợp, chủ sở hữu trang web để lại màu phông chữ mặc định như màu đen hoặc bất kỳ kiểu chủ đề nào của họ đã được xác định cho cơ thể và màu văn bản.

Tuy nhiên, đó là một ý tưởng tốt để thay đổi màu phông chữ HTML trên trang web của bạn vì nhiều lý do. Thay đổi màu phông chữ HTML có vẻ khó khăn, nhưng nó khá đơn giản. Có một số cách để thay đổi màu phông chữ trên trang web của bạn.

Trong bài đăng này, chúng tôi sẽ chỉ cho bạn những cách khác nhau để thay đổi màu sắc của phông chữ trang web của bạn, cũng như thảo luận về lý do tại sao bạn muốn làm điều đó ngay từ đầu.

Kiểm tra hướng dẫn video của chúng tôi để thay đổi màu phông chữ HTML

Tại sao thay đổi màu phông chữ HTML?

Bạn sẽ muốn thay đổi màu phông chữ vì làm như vậy có thể giúp cải thiện khả năng truy cập và khả năng truy cập của trang web của bạn. Ví dụ: nếu trang web của bạn sử dụng bảng màu tối hơn, để lại màu đen của phông chữ sẽ gây khó khăn cho việc đọc văn bản trên trang web của bạn.

Một lý do khác mà bạn muốn xem xét thay đổi màu phông chữ là nếu bạn sẽ sử dụng màu tối hơn từ bảng màu thương hiệu của bạn. Đây là một cơ hội khác để củng cố thương hiệu của bạn. Nó xây dựng tính nhất quán của thương hiệu và đảm bảo rằng văn bản trên tất cả các kênh tiếp thị của bạn trông giống nhau.

Với cách đó, hãy để Lôi nhìn vào cách bạn có thể xác định và thay đổi màu phông chữ HTML.

Khi nói đến việc tùy chỉnh trang web của bạn, màu sắc phông chữ thường bị bỏ qua ... nhưng đó là một bản chỉnh sửa đơn giản có thể thêm nhiều tính cách! ✨🎨 Bấm vào tweetClick to Tweet

Các cách để xác định màu sắc

Có một số cách để xác định màu sắc trong thiết kế web, bao gồm tên, giá trị RGB, mã HEX và giá trị HSL. Hãy cùng xem cách họ làm việc.

Tên màu

Tên màu là cách dễ nhất để xác định màu trong kiểu CSS của bạn. Tên màu đề cập đến tên cụ thể cho màu HTML. Hiện tại, có 140 tên màu được hỗ trợ và bạn có thể sử dụng bất kỳ màu nào trong kiểu của mình. Ví dụ: bạn có thể sử dụng màu xanh da trời để đặt màu cho một phần tử riêng lẻ thành màu xanh.

Tên màu HTML.

Tuy nhiên, nhược điểm của phương pháp này là không phải tất cả các tên màu đều được hỗ trợ. Nói cách khác, nếu bạn sử dụng một màu mà không có trong danh sách các màu được hỗ trợ, bạn sẽ có thể sử dụng nó trong thiết kế của bạn bằng tên màu của nó.

Giá trị RGB và RGBA

Tiếp theo, chúng tôi có các giá trị RGB và RGBA. RGB là viết tắt của màu đỏ, xanh lá cây và xanh dương. Nó xác định màu bằng cách trộn các giá trị màu đỏ, xanh lá cây và xanh dương, tương tự như cách bạn trộn một màu trên bảng màu thực tế.

Giá trị RGB.

Giá trị RGB trông như thế này: RGB (153,0,255). Số đầu tiên chỉ định đầu vào màu đỏ, thứ hai chỉ định đầu vào màu xanh lá cây và thứ ba chỉ định màu xanh lam.

Giá trị của mỗi đầu vào màu có thể nằm trong khoảng từ 0 đến 255, trong đó 0 có nghĩa là màu không có mặt và 255 có nghĩa là màu cụ thể ở cường độ tối đa của nó.

Giá trị RGBA tăng thêm một giá trị cho hỗn hợp và đó là giá trị alpha đại diện cho độ mờ. Nó dao động từ 0 (không minh bạch) đến 1 (hoàn toàn trong suốt).

Giá trị hex

Mã Hex là một tùy chọn màu dễ sử dụng khác.

Các mã màu hex hoạt động tương tự như mã RGB. Chúng bao gồm các số từ 0 đến 9 và các chữ cái từ A đến F. Mã HEX trông như thế này: #800080. Hai chữ cái đầu tiên chỉ định cường độ của màu đỏ, hai số giữa chỉ định cường độ của màu xanh lá cây và hai lần cuối cùng đặt cường độ của màu xanh.

Giá trị HSL và HSLA

Một cách khác để xác định màu sắc trong HTML là sử dụng các giá trị HSL. HSL là viết tắt của màu sắc, bão hòa và nhẹ nhàng.

Giá trị màu HSL.

Hue sử dụng độ từ 0 đến 360. Trên bánh xe màu tiêu chuẩn, màu đỏ là khoảng 0/360, màu xanh lá cây ở mức 120 và màu xanh lam ở mức 240.

Độ bão hòa sử dụng tỷ lệ phần trăm để xác định mức độ bão hòa của màu. 0 đại diện cho màu đen và trắng, và 100 đại diện cho toàn màu.

Cuối cùng, độ nhẹ sử dụng tỷ lệ phần trăm tương tự như bão hòa. Trong trường hợp này, 0% đại diện cho màu đen và 100% đại diện cho màu trắng.

Ví dụ, màu tím mà chúng tôi đã sử dụng trong suốt bài viết này sẽ trông như thế này trong HSL:

<!DOCTYPE html>
<html>
<head>
   <title>HTML Font color</title>
</head>
<body>
   <h2>Products</h2>
   <p style="color:blue">This is demo content.</p>
</body>
</html>

6.

HSL, như RGB, hỗ trợ độ mờ. Trong trường hợp đó, bạn đã sử dụng giá trị HSLA trong đó viết tắt của alpha và được xác định trong một số từ 0 đến 1. Nếu chúng tôi muốn giảm độ mờ của ví dụ màu tím, chúng tôi sẽ sử dụng mã này:

<!DOCTYPE html>
<html>
<head>
   <title>HTML Font color</title>
</head>
<body>
   <h2>Products</h2>
   <p style="color:blue">This is demo content.</p>
</body>
</html>

7.

Bây giờ bạn đã biết cách xác định màu sắc, hãy để nhìn vào các cách khác nhau để thay đổi màu phông chữ HTML.

Cái cũ: <!DOCTYPE html> <html> <head> <title>HTML Font color</title> </head> <body> <h2>Products</h2> <p style="color:blue">This is demo content.</p> </body> </html> 8 thẻ

Trước khi HTML5 được giới thiệu và đặt làm tiêu chuẩn mã hóa, bạn có thể thay đổi màu phông chữ bằng thẻ phông chữ. Cụ thể hơn, bạn đã sử dụng thẻ phông chữ với thuộc tính màu để đặt màu văn bản.

<!DOCTYPE html>
<html>
<head>
   <title>HTML Font color</title>
</head>
<body>
   <h2>Products</h2>
   <p style="color:blue">This is demo content.</p>
</body>
</html>

9 được chỉ định với tên của nó hoặc với mã HEX của nó.

Dưới đây, một ví dụ về cách mã này trông với mã màu hex:

<font color="#800080">This text is purple.</font>

Và đây là cách bạn có thể đặt màu văn bản thành màu tím bằng tên màu.

<font color="purple">This text is purple.</font>

Tuy nhiên, thẻ

<!DOCTYPE html>
<html>
<head>
   <title>HTML Font color</title>
</head>
<body>
   <h2>Products</h2>
   <p style="color:blue">This is demo content.</p>
</body>
</html>

8 không được dùng hết trong HTML5 và không còn được sử dụng. Thay đổi màu phông chữ là một quyết định thiết kế và thiết kế không phải là mục đích chính của HTML. Do đó, có ý nghĩa rằng các thẻ

<!DOCTYPE html>
<html>
<head>
   <title>HTML Font color</title>
</head>
<body>
   <h2>Products</h2>
   <p style="color:blue">This is demo content.</p>
</body>
</html>

8 không còn được hỗ trợ trong HTML5.

Vì vậy, nếu thẻ không còn được hỗ trợ, làm thế nào để bạn thay đổi màu phông chữ HTML? Câu trả lời là với các bảng phong cách xếp tầng hoặc CSS.

The New: CSS Styles

Để thay đổi màu phông chữ HTML bằng CSS, bạn sẽ sử dụng thuộc tính màu CSS được ghép nối với bộ chọn thích hợp. CSS cho phép bạn sử dụng các giá trị màu, RGB, HEX và HSL để chỉ định màu. Có ba cách để sử dụng CSS để thay đổi màu phông chữ.

CSS nội tuyến

CSS nội tuyến được thêm trực tiếp vào tệp HTML của bạn. Bạn sẽ sử dụng thẻ HTML, chẳng hạn như và sau đó tạo kiểu cho thuộc tính màu CSS như vậy:

<p style="color: purple">This is a purple paragraph.</p>

Nếu bạn muốn sử dụng giá trị hex, mã của bạn sẽ trông như thế này:

<p style="color:#800080">This is a purple paragraph.</p>

Nếu bạn sẽ sử dụng giá trị RGB, bạn sẽ viết nó như thế này:

<p style="color:RGB(153,0,255)">This is a purple paragraph.</p>

Cuối cùng, sử dụng các giá trị HSL, bạn đã sử dụng mã này:

<p style="color:hsl(276, 100%, 50%)">This is a purple paragraph.</p>

Các ví dụ trên chỉ cho bạn cách thay đổi màu sắc của một đoạn văn trên trang web của bạn. Nhưng bạn không giới hạn trong các đoạn văn một mình. Bạn có thể thay đổi màu phông chữ của các tiêu đề cũng như các liên kết.

Bạn muốn biết làm thế nào chúng ta tăng lưu lượng truy cập trên 1000%?

Tham gia với hơn 20.000 người khác nhận được bản tin hàng tuần của chúng tôi với các mẹo nội bộ WordPress!

Theo dõi ngay

Ví dụ: thay thế thẻ

<!DOCTYPE html>
<html>
<head>
   <style>
      body {
         background-color: rgb(20,30, 1);
      }
   </style>
<h2 style="color: azure">HTML Articles</h2>
</head>
<body>
</body>
</html>

2 ở trên bằng

<!DOCTYPE html>
<html>
<head>
   <style>
      body {
         background-color: rgb(20,30, 1);
      }
   </style>
<h2 style="color: azure">HTML Articles</h2>
</head>
<body>
</body>
</html>

3 sẽ thay đổi màu của văn bản tiêu đề đó, trong khi thay thế nó bằng thẻ

<!DOCTYPE html>
<html>
<head>
   <style>
      body {
         background-color: rgb(20,30, 1);
      }
   </style>
<h2 style="color: azure">HTML Articles</h2>
</head>
<body>
</body>
</html>

4 sẽ thay đổi màu của liên kết đó. Bạn cũng có thể sử dụng phần tử để tô màu bất kỳ số lượng văn bản.

Nếu bạn muốn thay đổi màu nền của toàn bộ đoạn văn hoặc tiêu đề, thì nó rất giống với cách bạn thay đổi màu phông chữ. Thay vào đó, bạn phải sử dụng thuộc tính

<!DOCTYPE html>
<html>
<head>
   <style>
      body {
         background-color: rgb(20,30, 1);
      }
   </style>
<h2 style="color: azure">HTML Articles</h2>
</head>
<body>
</body>
</html>

5 và sử dụng các giá trị màu, HEX, RGB hoặc HSL để đặt màu. Ở đây, một ví dụ: & nbsp;

<!DOCTYPE html>
<html>
<head>
   <title>HTML Font color</title>
</head>
<body>
   <h2>Products</h2>
   <p style="color:blue">This is demo content.</p>
</body>
</html>

0

CSS nhúng

CSS được nhúng nằm trong các thẻ

<!DOCTYPE html>
<html>
<head>
   <style>
      body {
         background-color: rgb(20,30, 1);
      }
   </style>
<h2 style="color: azure">HTML Articles</h2>
</head>
<body>
</body>
</html>

6 và được đặt ở giữa các thẻ đầu của tài liệu HTML của bạn.

Mã sẽ trông như thế này nếu bạn muốn sử dụng tên màu:

<!DOCTYPE html>
<html>
<head>
   <title>HTML Font color</title>
</head>
<body>
   <h2>Products</h2>
   <p style="color:blue">This is demo content.</p>
</body>
</html>

1

Mã trên sẽ thay đổi màu sắc của mỗi đoạn trên trang sang màu tím. Tương tự như phương thức CSS nội tuyến, bạn có thể sử dụng các bộ chọn khác nhau để thay đổi màu phông chữ của các tiêu đề và liên kết của bạn.

Nếu bạn muốn sử dụng mã HEX, thì đây là cách mà mã trông như thế nào:

<!DOCTYPE html>
<html>
<head>
   <title>HTML Font color</title>
</head>
<body>
   <h2>Products</h2>
   <p style="color:blue">This is demo content.</p>
</body>
</html>

2

Ví dụ dưới đây sử dụng các giá trị RBGA để bạn có thể thấy một ví dụ về việc thiết lập độ mờ:

<!DOCTYPE html>
<html>
<head>
   <title>HTML Font color</title>
</head>
<body>
   <h2>Products</h2>
   <p style="color:blue">This is demo content.</p>
</body>
</html>

3

Và mã HSL sẽ trông như thế này:

<!DOCTYPE html>
<html>
<head>
   <title>HTML Font color</title>
</head>
<body>
   <h2>Products</h2>
   <p style="color:blue">This is demo content.</p>
</body>
</html>

4

CSS bên ngoài

Cuối cùng, bạn có thể sử dụng CSS bên ngoài để thay đổi màu phông chữ trên trang web của mình. CSS bên ngoài là CSS được đặt trong một tệp bảng kiểu riêng biệt, thường được gọi là style.css hoặc styleSheet.css.

Kiểu dáng này chịu trách nhiệm cho tất cả các kiểu trên trang web của bạn và chỉ định màu sắc phông chữ và kích thước phông chữ, lề, mái chèo, gia đình phông chữ, màu nền, v.v. Nói tóm lại, bảng kiểu chịu trách nhiệm về việc trang web của bạn trông trực quan như thế nào.

Để thay đổi màu phông chữ bằng CSS bên ngoài, bạn đã sử dụng các bộ chọn để tạo kiểu cho các phần của HTML bạn muốn. Ví dụ: mã này sẽ thay đổi tất cả văn bản cơ thể trên trang web của bạn:

<!DOCTYPE html>
<html>
<head>
   <title>HTML Font color</title>
</head>
<body>
   <h2>Products</h2>
   <p style="color:blue">This is demo content.</p>
</body>
</html>

5

Hãy nhớ rằng, bạn có thể sử dụng các giá trị RGB, HEX và HSL và không chỉ các tên màu để thay đổi màu phông chữ. Nếu bạn muốn chỉnh sửa bảng kiểu, thì bạn nên làm như vậy trong trình chỉnh sửa mã.

Nội tuyến, nhúng, hoặc bên ngoài?

Vì vậy, bây giờ bạn đã biết làm thế nào bạn có thể sử dụng CSS để thay đổi màu phông chữ. Nhưng bạn nên sử dụng phương pháp nào?

Nếu bạn sử dụng mã CSS nội tuyến, bạn sẽ thêm nó trực tiếp vào tệp HTML của mình. Nói chung, phương pháp này phù hợp để sửa chữa nhanh chóng. Nếu bạn muốn thay đổi màu sắc của một đoạn cụ thể hoặc hướng trên một trang duy nhất, phương pháp này là cách nhanh nhất và ít phức tạp nhất để làm điều đó.

Tuy nhiên, các kiểu nội tuyến có thể làm cho kích thước của tệp HTML của bạn lớn hơn. Tệp HTML của bạn càng lớn thì càng cần tải cho trang web của bạn. Ngoài ra, CSS nội tuyến có thể làm cho HTML lộn xộn của bạn. Như vậy, phương pháp nội tuyến sử dụng CSS để thay đổi màu phông chữ HTML thường không được khuyến khích.

CSS nhúng được đặt giữa các thẻ và trong các thẻ. Giống như CSS nội tuyến, nó rất tốt cho các bản sửa lỗi nhanh và ghi đè các kiểu được chỉ định theo bảng kiểu bên ngoài.

Một sự khác biệt đáng chú ý giữa các kiểu nội tuyến và các kiểu nhúng là chúng sẽ áp dụng cho bất kỳ trang nào mà các thẻ đầu được tải trên, trong khi các kiểu nội tuyến chỉ áp dụng cho trang cụ thể mà họ đã sử dụng, thường là phần tử mà họ nhắm mục tiêu trên trang đó.

Phương pháp cuối cùng, CSS bên ngoài, sử dụng bảng kiểu chuyên dụng để xác định các kiểu hình ảnh của bạn. Nói chung, tốt nhất là sử dụng bảng kiểu bên ngoài để giữ tất cả các phong cách của bạn ở một nơi duy nhất, từ đó chúng dễ dàng chỉnh sửa. Điều này cũng tách biệt trình bày và thiết kế, vì vậy mã dễ dàng quản lý và bảo trì.

Hãy nhớ rằng các kiểu nội tuyến và nhúng có thể ghi đè các kiểu được đặt trong bảng kiểu bên ngoài.

Thẻ phông chữ hoặc kiểu CSS: Ưu và Nhược điểm

Hai phương pháp chính để thay đổi màu phông chữ HTML là sử dụng thẻ phông chữ hoặc kiểu CSS. Cả hai phương pháp này đều có ưu và nhược điểm của họ.

HTML phông chữ thẻ ưu và nhược điểm

Thẻ phông chữ HTML rất dễ sử dụng, do đó, một chuyên gia có lợi cho nó. Thông thường, CSS phức tạp hơn và mất nhiều thời gian hơn để học hơn là gõ

<!DOCTYPE html>
<html>
<head>
   <style>
      body {
         background-color: rgb(20,30, 1);
      }
   </style>
<h2 style="color: azure">HTML Articles</h2>
</head>
<body>
</body>
</html>

7. Nếu bạn có một trang web cũ hơn sử dụng HTML5, thì thẻ phông chữ là một phương pháp khả thi để thay đổi màu phông chữ.

Mặc dù thẻ phông chữ rất dễ sử dụng, nhưng bạn không nên sử dụng nó nếu trang web của bạn sử dụng HTML. Như đã đề cập trước đó, thẻ phông chữ đã không được dùng trong HTML5. Sử dụng mã không dùng nữa vì các trình duyệt có thể ngừng hỗ trợ nó bất cứ lúc nào. Điều này có thể dẫn đến việc phá vỡ trang web của bạn và không hoạt động chính xác, hoặc tệ hơn, hoàn toàn không hiển thị cho khách truy cập của bạn.

CSS ưu và nhược điểm

CSS, giống như thẻ phông chữ, có ưu và nhược điểm của nó. Ưu điểm đáng kể nhất của việc sử dụng CSS là nó cách thức thay đổi màu sắc phông chữ và chỉ định tất cả các kiểu khác cho trang web của bạn.

Như đã đề cập trước đó, nó tách cách trình bày với thiết kế giúp mã của bạn dễ quản lý và bảo trì hơn.

Mặt khác, CSS và HTML5 có thể mất thời gian để học và viết đúng so với cách viết mã cũ.

Hãy nhớ rằng với CSS, bạn có những cách khác nhau để thay đổi màu phông chữ và mỗi phương pháp đó có bộ ưu và nhược điểm riêng, như đã thảo luận trước đó.

Mẹo thay đổi màu phông chữ HTML

Bây giờ bạn đã biết cách thay đổi màu phông chữ HTML, đây là một vài mẹo sẽ giúp bạn.

Sử dụng một bộ chọn màu

Người chọn màu hợp lý hóa quá trình lựa chọn màu.

Thay vì chọn màu ngẫu nhiên, hãy sử dụng bộ chọn màu để chọn đúng màu. Lợi ích của bộ chọn màu là nó sẽ cung cấp cho bạn tên màu và các giá trị Hex, RGB và HSL chính xác mà bạn cần sử dụng trong mã của mình.

Kiểm tra độ tương phản

Sử dụng một trình kiểm tra độ tương phản để kiểm tra các tỷ lệ tương phản màu văn bản với mặt đất khác nhau.

Văn bản tối với nền tối cũng như văn bản sáng với nền sáng không hoạt động tốt với nhau. Họ sẽ làm cho văn bản trên trang web của bạn khó đọc. Tuy nhiên, bạn có thể sử dụng trình kiểm tra độ tương phản để đảm bảo màu trang của bạn có thể truy cập được và văn bản dễ đọc.

Tìm màu bằng phương pháp kiểm tra

Sử dụng kiểm tra để tìm mã màu.

Nếu bạn thấy một màu mà bạn thích trên một trang web, bạn có thể kiểm tra mã để lấy giá trị màu Hex, RGB hoặc HSL màu. Trong Chrome, tất cả những gì bạn phải làm là hướng con trỏ của bạn vào một phần của trang web bạn muốn kiểm tra, nhấp chuột phải và chọn Kiểm tra. Điều này sẽ mở ra bảng kiểm tra mã, nơi bạn có thể xem một trang web mã HTML và các kiểu tương ứng.Inspect. This will open up the code inspection panel, where you can see a website’s HTML code and the corresponding styles.

Bạn muốn thay đổi màu phông chữ trên trang web của bạn? 🎨 Thật đơn giản! Hướng dẫn này sẽ giúp bạn bắt đầu ⬇ Bấm vào tweetClick to Tweet

Bản tóm tắt

Thay đổi màu phông chữ HTML có thể giúp cải thiện khả năng truy cập và khả năng truy cập của trang web của bạn. Nó cũng có thể giúp bạn thiết lập tính nhất quán của thương hiệu trong phong cách trang web của bạn.

Trong hướng dẫn này, bạn đã tìm hiểu về bốn cách khác nhau để thay đổi màu phông chữ HTML: với tên màu, mã HEX, giá trị RGB và HSL.

Chúng tôi cũng bao gồm cách bạn có thể thay đổi màu phông chữ bằng nội tuyến, nhúng và CS bên ngoài và sử dụng thẻ phông chữ và ưu và nhược điểm của từng phương thức.Đến bây giờ, bạn nên hiểu rõ về phương pháp nào bạn nên sử dụng để thay đổi màu phông chữ HTML, vì vậy điều duy nhất còn lại bây giờ là thực hiện các mẹo này trên trang web của bạn.

Suy nghĩ của bạn về việc thay đổi màu phông chữ với CSS và thẻ phông chữ là gì?Cho chúng tôi biết trong phần ý kiến!

Tiết kiệm thời gian, chi phí và tối đa hóa hiệu suất trang web với:

Trợ giúp ngay lập tức từ các chuyên gia lưu trữ WordPress, 24/7.
Tích hợp doanh nghiệp CloudFlare.
Khán giả toàn cầu với 35 trung tâm dữ liệu trên toàn thế giới.
Tối ưu hóa với giám sát hiệu suất ứng dụng tích hợp của chúng tôi.

Tất cả điều đó và nhiều hơn nữa, trong một kế hoạch không có hợp đồng dài hạn, di cư hỗ trợ và một người được bảo đảm trong 30 ngày.Kiểm tra các kế hoạch của chúng tôi hoặc nói chuyện với bán hàng để tìm kế hoạch phù hợp với bạn.

programming html Font color HTML Font color CSS HTML font Font color code Font color Word