Kumpulan Kode Warna CSS Hexadecimal Untuk Desain Website
Untuk mengetahui Kode Warna CSS Hexadecimal sebuah warna pada saat mendesain website, kita dapat menggunakan software untuk pencari warna, akan tetapi, kendala dalam memilih warna dengan software adalah kita harus mencari titik yang pas untuk warna yang kita inginkan, jika teman-teman tipikal orang yang mudah, simpel software tersebut sangat membantu, gimana buat teman-teman yang ingin warna nya lebih lebih, lebih baik, dan lebih baik lagi, bisa seharian cari warna nya. Saya pribadi lebih suka menggunakan Kumpulan Kode Warna CSS Hexadecimal warna sehingga kita dapat memilih warna dengan cepat tanpa harus pening harus memilih titik yang cocok pada aplikasi warna. Penggunaan kode warna css sangat mudah, misal untuk memberikan warna merah pada tag h1,h2 dan h3 dapat ditulis sebagai berikut.
h1{ color: #008000; } /* tag h1 nya berwarna hijau*/
h2 { color:#0000ff;} /* tag h1 nya berwarna biru*/
<h3 style="color:#ff0000;">Selamat Datang</h3> /* tag h3 nya berwarna merah*/
<h3 style="color:#ff0000;">Selamat Datang</h3> /* tag h3 nya berwarna merah*/
Lebih lanjut untuk kode warna Berikut adalah Daftar Warna Web yang mungkin dikenal sebagai hexadecimal colour chart. yang terinterpretasi dengan baik oleh semua browser dan kompatibel dalam segala hal. teman-teman dapat menggunakan kode warna / value heksadesimal untuk mendesain web.
- #f44336
- #ffebee
- #ffcdd2
- #ef9a9a
- #e57373
- #ef5350
- #f44336
- #e53935
- #d32f2f
- #c62828
- #b71c1c
- #ff8a80
- #ff5252
- #ff1744
- #d50000
- #e91e63
- #fce4ec
- #f8bbd0
- #f48fb1
- #f06292
- #ec407a
- #e91e63
- #d81b60
- #c2185b
- #ad1457
- #880e4f
- #ff80ab
- #ff4081
- #f50057
- #c51162
- #9c27b0
- #f3e5f5
- #e1bee7
- #ce93d8
- #ba68c8
- #ab47bc
- #9c27b0
- #8e24aa
- #7b1fa2
- #6a1b9a
- #4a148c
- #ea80fc
- #e040fb
- #d500f9
- #aa00ff
- #673ab7
- #ede7f6
- #d1c4e9
- #b39ddb
- #9575cd
- #7e57c2
- #673ab7
- #5e35b1
- #512da8
- #4527a0
- #311b92
- #b388ff
- #7c4dff
- #651fff
- #6200ea
- #3f51b5
- #e8eaf6
- #c5cae9
- #9fa8da
- #7986cb
- #5c6bc0
- #3f51b5
- #3949ab
- #303f9f
- #283593
- #1a237e
- #8c9eff
- #536dfe
- #3d5afe
- #304ffe
- #2196f3
- #e3f2fd
- #bbdefb
- #90caf9
- #64b5f6
- #42a5f5
- #2196f3
- #1e88e5
- #1976d2
- #1565c0
- #0d47a1
- #82b1ff
- #448aff
- #2979ff
- #2962ff
- #03a9f4
- #e1f5fe
- #b3e5fc
- #81d4fa
- #4fc3f7
- #29b6f6
- #03a9f4
- #039be5
- #0288d1
- #0277bd
- #01579b
- #80d8ff
- #40c4ff
- #00b0ff
- #0091ea
- #00bcd4
- #e0f7fa
- #b2ebf2
- #80deea
- #4dd0e1
- #26c6da
- #00bcd4
- #00acc1
- #0097a7
- #00838f
- #006064
- #84ffff
- #18ffff
- #00e5ff
- #00b8d4
- #009688
- #e0f2f1
- #b2dfdb
- #80cbc4
- #4db6ac
- #26a69a
- #009688
- #00897b
- #00796b
- #00695c
- #004d40
- #a7ffeb
- #64ffda
- #1de9b6
- #00bfa5
- #4caf50
- #e8f5e9
- #c8e6c9
- #a5d6a7
- #81c784
- #66bb6a
- #4caf50
- #43a047
- #388e3c
- #2e7d32
- #1b5e20
- #b9f6ca
- #69f0ae
- #00e676
- #00c853
- #8bc34a
- #f1f8e9
- #dcedc8
- #c5e1a5
- #aed581
- #9ccc65
- #8bc34a
- #7cb342
- #689f38
- #558b2f
- #33691e
- #ccff90
- #b2ff59
- #76ff03
- #64dd17
- #cddc39
- #f9fbe7
- #f0f4c3
- #e6ee9c
- #dce775
- #d4e157
- #cddc39
- #c0ca33
- #afb42b
- #9e9d24
- #827717
- #f4ff81
- #eeff41
- #c6ff00
- #aeea00
- #ffeb3b
- #fffde7
- #fff9c4
- #fff59d
- #fff176
- #ffee58
- #ffeb3b
- #fdd835
- #fbc02d
- #f9a825
- #f57f17
- #ffff8d
- #ffff00
- #ffea00
- #ffd600
- #ffc107
- #fff8e1
- #ffecb3
- #ffe082
- #ffd54f
- #ffca28
- #ffc107
- #ffb300
- #ffa000
- #ff8f00
- #ff6f00
- #ffe57f
- #ffd740
- #ffc400
- #ffab00
- #ff9800
- #fff3e0
- #ffe0b2
- #ffcc80
- #ffb74d
- #ffa726
- #ff9800
- #fb8c00
- #f57c00
- #ef6c00
- #e65100
- #ffd180
- #ffab40
- #ff9100
- #ff6d00
- #ff5722
- #fbe9e7
- #ffccbc
- #ffab91
- #ff8a65
- #ff7043
- #ff5722
- #f4511e
- #e64a19
- #d84315
- #bf360c
- #ff9e80
- #ff6e40
- #ff3d00
- #dd2c00
- #795548
- #efebe9
- #d7ccc8
- #bcaaa4
- #a1887f
- #8d6e63
- #795548
- #6d4c41
- #5d4037
- #4e342e
- #3e2723
- #9e9e9e
- #fafafa
- #f5f5f5
- #eeeeee
- #e0e0e0
- #bdbdbd
- #9e9e9e
- #757575
- #616161
- #424242
- #212121
- #607d8b
- #eceff1
- #cfd8dc
- #b0bec5
- #90a4ae
- #78909c
- #607d8b
- #546e7a
- #455a64
- #37474f
- #263238
- #000000
- #ffffff
kode warna diatas dapat digunakan untuk berbagai keperluan desain web seperti memberikan warna pada tulisan, pada latar belakang atau backround, warna garis dan lainnya. Sekian Tutorial Kumpulan Kode Warna CSS Hexadecimal Untuk Desain Website ini semoga dapat membantu teman-teman dalam mendesain web.
wih lengkap juga ya gan dalam pewarnaan cssnya gua baru tau loh gan susunan kode warna di css
ReplyDeleteiya gan tq udah mampir..
ReplyDeletewih lengkap banget, izin bookmark gan siapa tau nanti ane butuh buat ngedit warna template
ReplyDeletesilahkan bookmark aja gan.
ReplyDeletewarna-warni gan warnanya
ReplyDeletemakasih panduannya. langsung disimpan
ReplyDeleteTq soob....
ReplyDeleteIsin share...