Nama-nama Warna pada CSS

by | Jan 10, 2017 | CSS, HTML, Tips dan Trik, Website | 0 comments

Hallo teman-teman, kali ini kita akan belajar mengenai nama-nama warna pada CSS. Kalian mungkin pernah menggunakan fungsi warna dengan menggunakan kode-kode yang rumit untuk dihafalkan. Untuk mempermudah penggunaan warna, di CSS telah diberikan nama untuk warna-warna yang sering digunakan pada website. Sebagai contohnya kalian bisa ikuti code dibawah ini.

warna.html

<html>
	<head>
		<title>Warna CSS</title>
		<style>
			.kotak1{
				width: 40px;
				height: 40px;
				background: tomato;
			}
			.kotak2{
				width: 40px;
				height: 40px;
				background: #FF6347;
			}
		</style>
	</head>
	<body>
		<h1>Warna Dengan Nama</h1>
		<div class="kotak1">
			
		</div>
		<br>
		<h1>Warna Dengan Code</h1>
		<div class="kotak2">
			
		</div>
	</body>
</html>

Hasilnya seperti ini.

1

Hasil pewarnaan dengan code dan nama sama. Untuk nama-nama warna apa saja yang ada kalian bisa lihat list nama tersebut dibawah ini.

2

3

4

5

6

Sekian pembahasan mengenai nama-nama warna pada CSS. Semoga bermanfaat.