CSS - Penggunaan Warna

Setelah mengetahui aturan penulisan kode (syntax) pada CSS, kali ini kita akan berbicara tentang warna. Yang akan kita bahas tentang warna adalah cara terbaik untuk membuat kode warna. CSS menggunakan value dalam menentukan warna, tentu saja CSS berkapasitas dalam mengatur warna pada elemen-elemen tertentu HTML seperti teks atau latar belakang (background). Dan CSS menggunakan format tertentu untuk mendefinisikan warna, seperti menggunakan nama, atau kode RGB dan kode Hexadesimal.

Jadi tidak mesti anda menggunakan kode tertentu dalam menentukan value warna ini, Itu bukan sebuah aturan. Itu hanya sebagian besar program dari pemrogram agar mereka dapat memahami apa yang Anda coba lakukan, ketika mereka melihat kode Anda. Salah satu cara Anda menambahkan warna adalah dengan menggunakan nama, cukup gunakan kata bahasa Inggris seperti blue, red, yellow dll. Hal Ini akan berfungsi, dan akan tampil bagus di halaman Anda. CSS sudah mendefinisikan 140 nama warna standar. Yang berwarna kuning pada suatu browser belum tentu warna kuning yang sama persis dengan browser lain.

wanra

Saat Anda hanya membuat kode warna dan warna tertentu yang muncul pada layer anda, Warna ini dapat ditulis lebih pendek dengan menggunakan nilai hexadecimal.Heksadesimal Anda mungkin mengenali bagian desimal, itulah cara kami menghitung dari nol hingga sembilan. Heksadesimal adalah representasi 6 digit warna dengan 2digit pertama (RR) mewakili nilai merah, dua digit berikutnya adalah nilai hijau (GG), dan yang terakhir adalah nilai biru (BB). Setiap kode heksadesimal akan didahului dengan tanda pound atau hash ‘#’. Berikut ini adalah contoh untuk menggunakan notasi Heksadesimal.

wanra2

Contoh yang saya miliki di sini dengan cara kerjanya adalah yang Anda miliki nilai merah, hijau, dan biru, dan semakin besar angka yang Anda masukkan di sana, semakin merah, hijau, atau biru yang akan Anda lihat. Jadi, inilah contoh saya. Saya memiliki contoh biru, merah, tetapi juga kuning karena tergantung pada seberapa banyak nilai-nilai berbeda yang Anda masukkan, itu bisa mengubah warna itu akan muncul di layar Anda. Sekarang heksadesimal mungkin yang paling banyak cara umum melakukan warna ketika Anda melihat banyak halaman orang, tetapi yang lain cara yang sering muncul adalah RGB.

wanra3

Warna juga bisa menggunakan format RGB, (red, green, blue). Format ini mendukung lebih banyak warna spesifik di luar yang sudah didefinisikan namanya. Setiap parameter (red, green, blue) menunjukkan intensitas warna, dengan nilai 0 – 255. Selain itu, nilai parameter juga dapat ditulis dengan menggunakan persentase (%). Misalnya rgb(0, 0, 50%) sama dengan rgb(0, 0, 128).

wanra4

Saya baru saja melakukan satu, satu, dan satu, satu. Saya bisa dengan mudah menempatkan 0,5, 0,8, 0,6, dan itu akan berubah kekuatan warna. Jadi di sini saya punya rgb (0,0,1). Salah satu alasannya adalah orang-orang beralih ke rgb adalah bahwa ada opsi lain yang disebut rgba.

Dari pemilihan warna ini, saya ingin memastikan bahwa Anda mencoba memikirkan cara yang paling tepat untuk menggunakan warna Anda saat sedang mendesain halaman Anda. Anda ingin memastikan itu ketika Anda menggunakan halaman Anda, Anda berpikir tentang apakah warnanya menyampaikan makna atau hanya gaya. Jadi pikirkan kontras warna Anda dan apa warna kontras itu ketika Anda melihat halaman adalah teks pada warna yang bagus untuk latar belakang? Sebagian besar dari kita secara intuitif tahu kapan sesuatu yang kontras warna benar-benar miskin. Jadi apa yang bisa Anda lakukan adalah Anda dapat menggunakan alat yang berbeda untuk membantu Anda mengukur kontras antara teks dan warna latar belakangnya.

Untuk memberikan warna pada teks, kita menggunakan properti color.

p {color: red;}
p {color: rgb(255,0,0);}
p {color: #FF0000;}

kode di atas akan membuat warna teks pada semua elemen

menjadi berwarna merah.

Untuk memberikan warna latar pada suatu elemen, kita menggunakan properti background-color.

Teks dengan warna latar merah.

kode diatas akan menampilkan teks dengan warna latar merah.

Tidak ada warna masalah kontras terdeteksi. Anda akan terkejut betapa banyak, meskipun, Anda akan mendapatkan contoh. Banyal para desain web yang sangat pemilih dan jika itu benar-benar sesuatu yang Anda rasakan dengan kuat yang dapat Anda lihat. Satu hal yang sangat saya inginkan untuk berbicara dengan Anda lagi, hanya gagasan ini saja yang tidak gunakan warna saja untuk menyampaikan makna. Jadi sesuatu yang bisa anda lakukan adalah pergi sendiri dan belajar. Yang saya ingin Anda pahami adalah caranya konvensi warna yang berbeda itu bekerja. Bagaimana yang Anda tahu bisa Anda gunakan hexadecimal atau RGB, RGBA, atau bahkan nama warna itu sendiri.

Berikut warna css yang bisa anda gunakan dalam web.

wanra5