Colors atau Warna HTML

Dalam HTML, warna dapat ditambahkan dengan menggunakan atribut style. Anda dapat menentukan nama warna (misalnya biru), nilai heksadesimal (misalnya, # 0000FF), atau nilai RGB (misalnya (0,0,255)).

• Warna latar depan

Untuk menambahkan warna untuk elemen HTML, Anda menggunakan style = "color: {color}", di mana {color} adalah nilai warna. Sebagai contoh :


<h3 style="color: blue;">HTML Colors</h3>

hasilnya :

HTML Colors

• Warna Latar Belakang

Untuk menambahkan warna latar belakang untuk elemen HTML, Anda menggunakan style = "background-color: {color}", di mana {color} adalah nilai warna. Sebagai contoh :


<h3 style="background-color:blue"> HTML Warna </h3>

hasilnya :

HTML Warna

• Warna border

Untuk menambahkan Warna border untuk elemen HTML, Anda menggunakan style = "border: {width} {color} {} style", di mana {width} adalah lebar perbatasan, {color} adalah warna perbatasan, dan {} style adalah model border. Sebagai contoh :

<h3 style="border: 1px biru solid;">HTML Warna </h3>

hasilnya :

HTML Colors

• Nama Warna

Metode yang paling umum untuk menentukan warna adalah dengan menggunakan nama warna atau nilai heksadesimal. Meskipun nama-nama warna yang lebih mudah diingat, nilai-nilai heksadesimal dan nilai-nilai RGB menyediakan Anda dengan pilihan warna yang lebih.

Nilai heksadesimal adalah kombinasi huruf dan angka. Angka mulai dari 0 - 9 dan huruf mulai dari A - F. Bila menggunakan nilai warna heksadesimal dalam HTML / CSS, Anda dahului dengan nilai hash (#). Meskipun nilai-nilai heksadesimal mungkin terlihat sedikit aneh pada awalnya, Anda akan segera terbiasa.

Ada 16 nama-nama warna (sebagaimana ditentukan dalam spesifikasi HTML 4.0). Tabel di bawah menunjukkan nama warna ini dan nilai heksadesimal yang berhubungan.

Warna	Nama Warna	Nilai Heksadesimal	Warna	Nama Warna	Nilai Heksadesimal
	Black	#000000		Green	#008000
	Silver	#c0c0c0		Lime	#00ff00
	Gray	#808080		Olive	#808000
	White	#ffffff		Yellow	#ffff00
	Maroon	#800000		Navy	#000080
	Red	#ff0000		Blue	#0000ff
	Purple	#800080		Teal	#008080
	Fushia	#ff00ff		Aqua	#00ffff

Anda dapat membuat warna Anda sendiri hanya dengan memasukkan setiap nilai heksadesimal enam digit (diawali dengan hash). Pada contoh berikut, kami menggunakan kode yang sama seperti di atas. Satu-satunya perbedaan adalah, daripada menggunakan "biru" sebagai nilai, kita menggunakan heksadesimal ( # 0000FF):

<h3 Warna HTML style="color:#0000ff"> </h3>

hasilnya :

Warna HTML

Jika kita ingin berubah menjadi lebih biru, kita bisa mengubah nilai heksadesimal kami sedikit, seperti ini :

<h3 style="color:#000069"> HTML Warna </h3>

hasilnya :

HTML Warna

• Cara Mudah Memilih Warna

Dengan menggunakan heksadesimal atau nilai-nilai warna RGB, Anda memiliki pilihan lebih dari 16 juta warna berbeda. Anda bisa mulai dengan 000000 dan selisih satu dengan semua nilai sampai dengan FFFFFF. Setiap nilai yang berbeda merupakan warna yang sedikit berbeda.

Tapi jangan khawatir - Anda tidak perlu mengingat setiap warna heksadesimal yang tunggal! Color picker HTML dan grafik warna membuatnya mudah bagi Anda untuk memilih warna untuk website Anda.