Rumah  >  Artikel  >  hujung hadapan web  >  Apakah kaedah untuk menyatakan nilai warna dalam css3

Apakah kaedah untuk menyatakan nilai warna dalam css3

WBOY
WBOYasal
2022-03-25 16:17:162349semak imbas

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)".

Apakah kaedah untuk menyatakan nilai warna dalam css3

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.

Apakah cara untuk menyatakan nilai warna dalam css3?

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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn