Rumah > Artikel > hujung hadapan web > Apakah kaedah untuk menyatakan nilai warna dalam css3
Kaedah: 1. Gunakan perkataan Inggeris untuk mewakili warna, seperti "merah" untuk mewakili merah 2. Gunakan RGB untuk mewakili warna, dan sintaksnya ialah "rgb (nilai merah, nilai hijau, nilai biru) "; 3. Gunakan perenambelasan untuk menyatakan warna dan sintaks ialah "#RRGGBB"; 4. Gunakan HSL untuk menyatakan warna dan sintaks ialah "hsl (warna, tepu, kecerahan)".
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.
1. Perkataan Inggeris untuk menyatakan warna
Cara yang paling langsung dan mudah adalah dengan menggunakan perkataan bahasa Inggeris warna Perwakilan perkataan, sebagai contoh: merah kita boleh menulis warna: merah.
Kelemahan: Terdapat beribu-ribu warna, tidak setiap warna mempunyai perkataan Inggeris yang sepadan, dan terdapat had penggunaan.
2. Perwakilan heksadesimal bagi warna
Komponen warna perenambelasan ialah: #RRGGBB, di mana RR (merah), GG (hijau) dan BB (biru), semua nilai mestilah antara 0 dan FF. Dalam istilah orang awam, intipati perenambelasan ialah rgb, dan setiap dua digit mewakili warna. Apabila nilai setiap dua digit adalah sama, ia boleh disingkatkan Contohnya, warna: #ffcc00 boleh disingkatkan sebagai warna: #fc0.
Semua pelayar utama menyokong nilai warna heksadesimal dan disyorkan.
3 RGB mewakili warna
Dalam RGB, R mewakili merah, G mewakili hijau dan B mewakili biru.
Tulisan RGB: rgb (0,0,0). Julat nilainya adalah antara 0-255, semakin besar nilainya, semakin gelap warnanya. Selain menggunakan nilai berangka, RGB juga boleh menggunakan peratusan, dengan nilai antara 0% hingga 100%. Contohnya: RGB (0,0,255) dan RGB (0%, 0%, 100%) mewakili warna yang sama.
Perwakilan RGB bagi warna biasa. Merah: rgb(255,0,0); putih: rgb(255,255,255); hitam: rgb(0,0,0)
Semua pelayar utama menyokong nilai warna RGB.
4. HSL mewakili warna
Nilai warna HSL mewakili: warna, ketepuan, kecerahan.
Hue ialah darjah pada roda warna (dari 0 hingga 360) - 0 (atau 360) ialah merah, 120 ialah hijau dan 240 ialah biru. Ketepuan ialah nilai peratusan, 0% bermakna warna kelabu dan 100% adalah warna penuh. Kecerahan juga merupakan peratusan, 0% adalah hitam dan 100% adalah putih.
Nota: IE9, Firefox, Chrome, Safari dan Opera10 menyokong nilai warna HSL.
(Mempelajari perkongsian video: tutorial video css)
Atas ialah kandungan terperinci Apakah kaedah untuk menyatakan nilai warna dalam css3. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!