Beranda
»
HTML
»
Warna Hex (Hexadecimal) Pada HTML

Warna Hex (Hexadecimal) Pada HTML

Warna heksadesimal merupakan warna yang dibuat dengan menyebut nama heksadesimal dari warna pada elemen HTML. Metode penulisan warna dengan warna heksadesimal cukup banyak dilakukan oleh desainer web. Penulisan warna ini dimulai dengan tanda "#" kemudian diikuti dengan nilai heksadesimal pada warnanya.

Penulisan warna heksadesimal merupakan penjabaran dari penulisan pada metoda warna RGB(Red, Green, Blue), Format penulisannya adalah "#RRGGBB", dimana RR adalah nilai bagi warna merah dari 0-255, GG adalah nilai bagi warna green dari 0-255 dan yang terakhir adalah BB adalah nilai bagi warna blue dari 0-255. Nilai warna RGB dari 0-255 merupakan nilai warna basis decimal yang harus dikonversi terlebih dahulu menjadi nilai warna hexadecimal yaitu 0 (decimal) menjadi 0 (hexadesimal) dan nilai 255 (decimal) menjadi nilai warna FF (hexadecimal).

#FF0000

#0000FF

#008000

#800080

Misalnya warna merah murni = RGB(255,0,0) maka penulisannya menjadi "#FF0000", warna biru murni = RGB(0, 128, 0) maka penulisannya menjadi "#0000FF", warna hijau murni = RGB(0, 0, 255) maka penulisannya menjadi "#008000", warna purple murni = RGB(128, 0, 128) maka penulisannya menjadi "#800080".

Metode Penulisan

Contoh penulisan warna pada CSS :

CSS

1
2

elemen {color:#FF0000;} /*color red*/
elemen {color:#800080;} /*color purple*/

Berikut contoh penggunaan warna hex pada halaman HTML :

HTML

<!DOCTYPE html>
<html>
<head>
<title>Latihan Menggunakan Warna Hexadecimal Pada HTML</title>
<style>
   p{margin:5px; padding:10px;}
   .paragraf_1{background:#0000FF; color:#FFFFFF;}
   .paragraf_2{background:#008080; color:#FFFFFF;}
   .paragraf_3{background:#FF0000; color:#FFFFFF;}
   .paragraf_4{background:#808000; color:#FFFFFF;}
</style>
</head>
<body>
   <h1>Latihan Menggunakan Warna Hexadecimal Pada HTML</h1>
   <p class="paragraf_1">Paragraf pertama, menggunakan warna hexadecimal "background:#0000FF; color:#FFFFFF;".</p>
   <p class="paragraf_2">Paragraf ke-dua, menggunakan warna hexadecimal "background:#008080; color:#FFFFFF;".</p>
   <p class="paragraf_3">Paragraf ke-tiga, menggunakan warna hexadecimal "background:#FF0000; color:#FFFFFF;".</p>
   <p class="paragraf_4">Paragraf ke-empat, menggunakan warna hexadecimal "background:#808000; color:#FFFFFF;".</p>
</body>
</html>

Jika dijalankan akan menghasilkan tampilan :

Cari Warna Hex (Hexadecimal)

Masukkan Warna (Hexadecimal Color) :

HEX Color Picker

Klik untuk menampilkan picker :

Daftar Warna Hex (Hexadecimal)

Berikut ini daftar warna hexadesimal yang biasa digunakan untuk keperluan mendesain warna pada HTML dan lainnya :

#F0F8FF

#FAEBD7

#00FFFF

#7FFFD4

#F0FFFF

#F5F5DC

#FFE4C4

#000000

#FFEBCD

#0000FF

#8A2BE2

#E52A2A

#DEB887

#5F9EA0

#7FFF00

#D2691E

#FF7F50

#6495ED

#FFF8DC

#DC143C

#00008B

#008B8B

#B8880B

#A9A9A9

#006400

#BDB76B

#8B008B

#556B2F

#FF8C00

#9932CC

#8B0000

#E9967A

#8FBC8F

#483D8B

#2F4F4F

#00CED1

#9200D3

#FF1493

#00BFFF

#696969

#1E90FF

#D24444

#FFFAF0

#228B22

#F5F5F5

#FFFF00

#FF00FF

#DCDCDC

#F8F8FF

#008000

#ADFF2F

#F0FFF0

#FF69B4

#DC5C5C

#F20082

#FFFFF0

#F0E68C

#E6E6FA

#FFF0F5

#F0F8FF

#7CFC00

#FFFACD

#ADD8E6

#F08080

#E0FFFF

#FAFAD2

#D3D3D3

#90EE90

#FFB6C1

#FFA07A

#20B2AA

#87CEFA

#778899

#B0C4DE

#FFFFE0

#00FF00

#32CD32

#FAF0E6

#FF00FF

#800000

#66CDAA

#0000CD

#BA55D3

#9370D8

#3CB371

#7B68EE

#00FA9A

#48D1CC

#C71585

#191970

#F5FFFA

#FFE4E1

#FFE4B5

#FFDEAD

#F5DEB3

#000080

#FDF5E6

#808000

#6B8E23

#DA70D6

#EEE8AA

#98FB98

#AFEEEE

#D87093

#FFEFD5

#CD853F

#FFC0CB

#DDA0DD

#B0E0E6

#800080

#FF0000

#BC8F8F

#4169E1

#8B4513

#FA8072

#F4A460

#2E8B57

#FFF5EE

#A0522D

#C0C0C0

#87CEEB

#6A5ACD

#708090

#00FF7F

#4682B4

#D2B48C

#008080

#D8BFD8

#FF6347

#40E0D0

#EE82EE

#DAA520

#808080

#9ACD32

#FFD700

#FFA500

#FF4500

#FFFAFA

note Catatan : Format "#RRGGBB" pada penulisan warna heksadesimal berisi 6 digital number dapat dijadikan 3 digital number. Hal ini untuk mempermudah mengingat nama warna heksadesimal. CSS melonggarkan aturan dalam penulisan warna heksadesimal. Untuk warna "RR" atau "GG" atau "BB" yang kembar bisa gabungkan menjadi 1 digital number. Misalnya warna "#FF00FF" bisa ditulis menjadi warna "#F0F". Warna "#FF0000" dapat ditulis menjadi warna "#F00", warna "#00008B" artinya sama dengan warna "#008B".

20 Agt 2022

facebook twitter whatapp linkedin pinterest

Halaman Terkait

	Color Picker HTML html
	Color Converter HTML html
	Warna HSLA (Hue Saturation Lightness Alpha) Pada HTML html
	Warna RGBA (Red Green Blue Alpha) Pada HTML html
	Warna HSL (Hue Saturation Lightness) Pada HTML html

Tutorial HTML

1. Mengenal HTML⋮

2. Berbagai Perintah HTML⋮

6. Membuat Tabel Di Dalam HTML⋮

7. Membuat Efek Karakter Pada Tampilan⋮

8. Membuat Monospace (Preformated Font)⋮

9. Menyertakan Konten External Website⋮

10. Membuat Formulir Pada HTML⋮

11. Menambahkan Objek Multimedia⋮

12. Membuat Link (Tautan)⋮

13. Karakter Spesial Di Dalam HTML
14. Warna Pada HTML⋮

15. HTML Editor Online

Paling Banyak Dibaca

	Elemen Heading (h1, h2, h3, h4, h5, h6) Pada HTML 23.971
	Tag <a>: Membuat Link Dengan Gambar 22.351
	Tag <button> Pada HTML 15.887
	Elemen Span Pada HTML 14.034
	Tag <video>: Menambahkan Video Pada HTML 13.423
	Warna RGBA (Red Green Blue Alpha) Pada HTML 12.219
	Elemen Aside Pada HTML 10.719

News Letters

Silahkan masukkan email Anda untuk berlangganan informasi kami