Sifat warna CSS. kode warna

Salah satu alat untuk mengubah gaya halaman web - warna CSS. Ada beberapa cara untuk mengubah pengaturan ini. Masing-masing memiliki kelebihan dan kekurangan.

nama

Properti warna menyetel warna item. 145 nuansa judul termasuk dalam CSS. Di antara mereka ada yang sederhana (seperti hitam, biru) dan kompleks (seperti merah, lawngreen).

Karena seluruh daftar sulit untuk diingat, nama style sheet yang digunakan jarang.

RGB

Sebagian besar TV, smartphone, monitor bekerja dengan RGB. Artinya, setiap warna dapat diatur untuk kombinasi warna primer, yaitu merah, hijau dan biru. . Pendekatan yang sama digunakan di kedua perangkat, dan CSS. основного состава принимают значения от 0 до 255. А количество возможных оттенков равно 16777216. Warna dasar nilai-nilai komposisi mengambil dari 0 sampai 255. Sejumlah warna mungkin sama dengan 16.777.216.

Karena model RGB secara langsung berkaitan dengan hukum-hukum fisika pencitraan warna, hitam ditentukan di dalamnya sebagai rgb (0, 0, 0), putih - rgb (255, 255, 255). Sistem RGBA benar-benar mirip dengan RGB, dengan penambahan alpha channel. Ini mempengaruhi transparansi, yang memadukan dengan warna latar belakang. Dalam bentuk elemen akan bervariasi sesuai dengan "substrat".

HSL

Untuk memahami bagaimana sistem HLS, Anda perlu mengirimkan roda warna. Pada pusatnya adalah merah, maka (searah jarum jam) semua warna lain dari pelangi. цвета при помощи системы HLS требуется задать три параметра: Untuk menentukan warna dalam CSS menggunakan sistem HLS membutuhkan tiga parameter:

• hue (dalam derajat) - arah pusat lingkaran;
• saturasi (persentase) - berapa banyak warna yang Anda butuhkan;
• kecerahan (dalam persen).

Misalnya, ungu dapat ditentukan sedemikian rupa: HSL (315, 100%, 45%). HSL paling nyaman untuk eksperimen. Setelah mempelajari roda warna, Anda bisa sambil menonton stylesheet kira-kira mewakili apa warna mengatur elemen tertentu. HSLA - sama HLS, hanya dengan alpha: HSL (0, 100%, 50, 0,6) - merah, transparan sedikit lebih dari setengah.

HEX

CSS цвета можно задать, используя шестнадцатеричное представление, например оранжевый определяется значением #FF4500 . Dalam CSS, Anda dapat mengatur warna menggunakan representasi heksadesimal, seperti jeruk ditentukan oleh nilai # FF4500.

Untuk pemahaman yang lebih baik dari apa representasi heksadesimal, harus lebih mempertimbangkan sistem desimal. Ini adalah angka dari 0 sampai 9. Ketika kebutuhan di menghitung jumlah lebih besar dari 9, satu bit ditambahkan, dan ternyata 10, kemudian 100, dan seterusnya. E. Semua persis sama dalam notasi heksadesimal, tapi di dalamnya setelah 9 adalah A, kemudian B, dan sebagainya untuk F - sama dengan 15 dalam sistem desimal. Kemudian tambahkan satu digit, dan ternyata 10 dari 16 dalam istilah yang biasa.

Seperti dalam RGB, warna HEX untuk menunjukkan apa proporsi untuk menggunakan warna-warna primer. Dalam hal ini, mereka tidak dipisahkan dengan koma (warna: # FFD500). Setiap dua karakter menentukan jumlah merah, hijau dan biru.

CSS. Sebagai aturan, sistem HEX tidak digunakan selama percobaan, karena tidak mungkin untuk menemukan warna CSS yang tepat. может помочь в этом деле, но если постоянно сверяться с ней, работа затянется. tabel dapat membantu dalam hal ini, tetapi jika Anda terus-menerus menyebutnya, pekerjaan akan tertunda. representasi heksadesimal paling nyaman ketika template ditransfer dari editor grafis. Adalah jauh lebih mudah untuk menyalin dari hanya satu digit dari tiga putaran.

Cara mana yang terbaik?

Pada akun ini kita tidak bisa mengatakan beton apa-apa. Jika elemen antarmuka perlu transparansi, memilih antara RGBA dan HSLA. Jika Anda ingin bereksperimen di browser HLS roda warna akan menjadi yang paling nyaman. Jika Anda menggunakan palet atau mentransfer desain dari Photoshop, harus memilih CSS kode warna heksadesimal.