Sifat-sifat warna CSS. kod warna

Salah satu alat untuk menukar gaya halaman web - warna CSS. Terdapat beberapa cara untuk menukar tetapan ini. Masing-masing mempunyai kelebihan dan kekurangan.

nama

Harta warna mengeset warna item tersebut. 145 warna tajuk termasuk dalam CSS. Di antara mereka ada yang mudah (seperti hitam, biru) dan kompleks (seperti lembayung, lawngreen).

Kerana seluruh senarai sukar untuk ingat, nama lembaran gaya yang digunakan jarang.

RGB

Kebanyakan TV, telefon pintar, monitor bekerja dengan model warna RGB. Iaitu, mana-mana warna boleh ditetapkan untuk kombinasi warna utama, yang berwarna merah, hijau dan biru. . Pendekatan yang sama digunakan dalam kedua-dua peranti, dan dalam CSS. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Warna-warna yang asas nilai komposisi mengambil dari 0 hingga 255. Beberapa warna mungkin sama dengan 16.777.216.

Sejak model RGB yang secara langsung berkaitan dengan undang-undang fizikal pengimejan warna, hitam yang dinyatakan dalamnya sebagai rgb (0, 0, 0), putih - rgb (255, 255, 255). sistem RGBA sepenuhnya sama dengan RGB, dengan penambahan saluran alfa. Ia memberi kesan kepada ketelusan, yang menggabungkan dengan bayangan latar belakang. Dalam bentuk ini unsur akan berbeza-beza mengikut "substrat".

HSL

Untuk memahami bagaimana sistem HLS, anda perlu mengemukakan roda warna. Di tengah-tengahnya berwarna merah, kemudian (arah jam) semua warna lain pelangi. цвета при помощи системы HLS требуется задать три параметра: Untuk menentukan warna dalam CSS yang menggunakan sistem HLS memerlukan tiga parameter:

• warna (dalam darjah) - arah pusat bulatan;
• tepu (peratusan) - berapa banyak warna yang anda perlukan;
• kecerahan (dalam peratus).

Sebagai contoh, ungu boleh ditentukan dengan cara yang itu: HSL (315, 100%, 45%). HSL adalah yang paling mudah untuk eksperimen. Selepas mengkaji roda warna, anda boleh sambil menonton stylesheet kira-kira mewakili apa warna menetapkan elemen tertentu. HSLA - sama HLS, hanya dengan alpha: HSL (0, 100%, 50, 0.6) - merah, telus lebih sedikit daripada separuh.

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . Dalam CSS, anda boleh menetapkan warna yang menggunakan perwakilan perenambelasan, seperti oren ditentukan oleh nilai # FF4500.

Untuk pemahaman yang lebih baik daripada apa perwakilan perenambelasan, lagi perlu mengambil kira sistem perpuluhan. Ia adalah nombor dari 0 hingga 9. Apabila keperluan dalam mengira bilangan yang lebih besar daripada 9, satu bit ditambah, dan ternyata 10, maka 100, dan sebagainya. E. Semua sama dalam notasi perenambelasan, tetapi di dalamnya selepas 9 A, kemudian B, dan sebagainya untuk F - sama seperti 15 dalam sistem perpuluhan. Kemudian tambah satu digit, dan ternyata 10 daripada 16 dalam terma biasa.

Seperti dalam RGB, warna HEX untuk menunjukkan dalam apa perkadaran untuk menggunakan warna utama. Dalam kes ini, mereka tidak dipisahkan oleh koma (color: # FFD500). Setiap dua watak-watak menentukan bilangan merah, hijau dan biru.

CSS. Sebagai peraturan, sistem HEX tidak digunakan semasa eksperimen, kerana ia adalah mustahil untuk mencari warna CSS yang betul. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. meja boleh membantu dalam perkara ini, tetapi jika anda sentiasa merujuk kepadanya, kerja akan ditangguhkan. perwakilan perenambelasan adalah yang paling mudah apabila template dipindahkan daripada editor grafik. Ia adalah lebih mudah untuk menyalin dari ia hanya satu digit daripada tiga pusingan.

Yang cara yang terbaik?

Pada akaun ini kita tidak boleh mengatakan konkrit apa-apa. Jika unsur-unsur antara muka memerlukan ketelusan, memilih antara RGBA dan HSLA. Jika anda ingin membuat percubaan di pelayar HLS roda warna akan menjadi yang paling mudah. Jika anda sedang menggunakan palet atau memindahkan rekabentuk dari Photoshop, lebih suka CSS perenambelasan kod warna.