Bagaimana untuk melaraskan kedalaman warna fon dalam html

Terdapat banyak cara untuk melaraskan kedalaman warna fon dalam HTML: 1. Kod warna RGB atau HEX 2. Nama warna 3. Saluran alfa untuk melaraskan ketelusan () atau mencerahkan (). Kaedah ini memudahkan anda menukar rona warna fon agar sesuai dengan keperluan reka bentuk anda. Contohnya: #FF0000 ialah merah gelap, gelap(merah, 20%) ialah warna yang 20% ​​lebih gelap daripada merah.

Bagaimana untuk melaraskan kedalaman warna fon dalam HTML?

Terdapat banyak cara untuk melaraskan kedalaman warna fon dalam HTML:

1 Gunakan kod warna RGB atau HEX

<p style="color: rgb(255, 0, 0);">这是红色的文字</p>
<p style="color: #ff0000;">这也是红色的文字</p>

2 Gunakan nama warna

<p style="color: red;">这是红色的文字</p>
<p style="color: blue;">这是蓝色的文字</p>

Saluran alfa mengawal ketelusan warna, antara 0 (lutsinar sepenuhnya) hingga 1 (legap sepenuhnya).

<p style="color: rgba(255, 0, 0, 0.5);">这是半透明的红色文字</p>

4. Gunakan fungsi darken() atau lighten()

CSS menyediakan fungsi

untuk menukar kecerahan warna. darken() 和 lighten()

<p style="color: darken(red, 10%);">这是比红色深 10% 的文字</p>
<p style="color: lighten(blue, 20%);">这是比蓝色浅 20% 的文字</p>

Contoh

Contoh berikut menunjukkan cara melaraskan rona warna fon menggunakan kaedah berbeza:

<p style="color: #FF0000;">深红色</p>
<p style="color: #800000;">中红色</p>
<p style="color: #80000080;">半透明的红色</p>
<p style="color: darken(red, 20%);">比红色深 20%</p>
<p style="color: lighten(red, 20%);">比红色浅 20%</p>

Dengan menggunakan kaedah ini, anda boleh melaraskan rona warna fon dalam HTML dengan mudah agar sesuai dengan keperluan reka bentuk anda.

Atas ialah kandungan terperinci Bagaimana untuk melaraskan kedalaman warna fon dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!