Daftar Kode Warna HTML Lengkap dan Cara Kombinasinya
Apa sih yang dimaksud dengan kode warna HTML lengkap? Berbicara dengan hal tersebut cukup erat kaitannya dengan web designer. Seorang web designer perlu sekali memahami kombinasi kode warna CSS dan HTML yang lengkap untuk suatu situs website.
Setiap orang memiliki persepsi berbeda dalam menstimulus suatu warna. Skema warna menjadi salah satu penentu keberhasilan tampilan suatu situs website. Warna menjadi salah satu elemen penting untuk memperindah tampilan.
Apa yang Dimaksud dengan Kode Warna HTML?
Kode warna Hypertext Markup Language (HTML) merupakan jenis kode yang digunakan untuk pembuatan situs web agar menghasilkan tampilan yang bagus dan menarik.
Untuk kode warna HTML ini seringkali memakai kode warna hexadecimal. Akan tetapi, ada juga beberapa yang digunakan dalam pemrograman komputer dan berbentuk RGB, RGBA, hexadecimal, HSL, serta HSLA.
Daftar Kode Warna HTML Lengkap dan CSS
Berikut ini adalah beberapa kode warna HTML lengkap dan CSS yang dapat dijadikan sebagai salah satu referensi untuk branding warna suatu situs web.
- Alice blue kode hexadecimalnya #F0F8FF dengan RGB 240, 248, dan 254;
- Antique white menggunakan kode #FAEBD7 dengan RGB 251, 235, 217;
- Aqua kodenya #00FFFF dan RGB 0, 255, 254;
- Aquamarine dengan kode #7FFFD4 dan RGB 115, 255, 216;
- Azure dengan kode #F0FFFF dan RGB 239. 255, 255;
- Beige kodenya #F5F5DC dengan RGB 245, 245, 223;
- Bisque pakai kode #FFE4C4 dan RGB 255, 277, 200;
- Black menggunakan kode #000000 dan RGB 0, 0, 0
- Blanched almond kodenya #FFEBCD yang RGBnya 255, 234, 208;
- Blue kode hexadecimalnya #0000FF dan RGB 0, 0, 255;
- Brown memakai kode #A52A2A dan RGB 165, 42, 42;
- Burly wood kodenya #DEB887 dan RGB 222, 184, 135;
- Cadet blue menggunakan kode #5F9EA0 dan RGB 95, 158, 160;
- Chartreuse kodenya #7FFF00 dan RGB 127, 255, 1;
- Chocolate kodenya #D2691E dan RGB 210, 105, 30;
- Coral memakai kode #FF7F50 beserta dengan RGB 251, 127, 80;
- Cornflower blue kodenya #6495ED dan RGB 100, 149,237;
- Cornsilk menggunakan kode #FFF8DC dan RGB 225, 248, 220;
- Crimson kodenya #DC143C dan RGB 220,20,60.
Rekomendasi Kode Warna untuk Website
Ada beberapa rekomendasi mengkombinasikan warna untuk pembuatan situs web, dan semoga bisa jadi referensi untuk Anda.
- Artsy and creative, menggunakan kombinasi vermillion, goldenrod, dutch white, dan biru tua. Cocok untuk penyimpanan arsip online seperti musik;
- Elegant yet approachable, perpaduan antara warna kulit dengan yang lebih elegan seperti ruby dan dark imperial blue. Menghasilkan nuansa yang menyenangkan;
- Sleek and Futuristic, merupakan kombinasi yang cukup unik dari safir biru, platinum, dan abu-abu gunmetal;
- Red and Lively, skema warna merah seperti bendera negara Polandia dengan kombinasi merah tua atau pink gelap;
- Texturized and dynamics, perpaduan warna-warni seperti ash, sienna gelap, semburat violet merah, dan sebagainya.
Cara Menggunakan Kode Warna HTML Lengkap
Penggunaan kode warna HTML akan membantu meningkatkan daya tarik bagi siapa saja yang melihatnya. Hal tersebut dapat membantu meningkatkan kunjungan pengunjung di dalamnya.
Lebih jelasnya berikut ini adalah beberapa cara yang bisa Anda lakukan dalam menggunakan kode HTML pada situs web.
1. Penggunaan Kode Warna HTML untuk Font Tulisan
Langkah ini adalah untuk mengubah warna teks pada seluruh halaman situs website. Caranya dengan mendefinisikan di tag <body>. Sedangkan untuk mengubah warna hanya pada sebagian atau satu teks saja bisa pakai format berikut.
<font=”#ff0000”>text</font>
Untuk sejumlah browser akan memungkinkan Anda dalam memberi nama warna seperti contoh di atas. Namun tentunya opsi yang Anda punya akan lebih terbatas.
2. Cara Menggunakan Kode Warna HTML untuk Background
Selajutnya adalah proses pengubahan warna pada background situs web yang lebih sederhana. Anda bisa langsung menerapkan kode warna HEX secara langsung pada halaman HTML <body> dengan memakai atribut style seperti berikut.
<body style=”background-color:#FF0000;’>
</body>
Metode tersebut bisa pengguna pakai untuk menata di hampir semua komponen HTML. Meski demikian hal yang perlu Anda perhatikan ialah langkah-langkahnya yang tidak sama. Pasalnya berkaitan dengan elemen sebaris atau bertingkat.
Nah, itulah beberapa informasi tentang kode warna HTML lengkap. Selain warna-warna tersebut ada lagi yang lainnya sebagai bagian dari varian dari kode warna HTML.
Keyword: kode warna HTML lengkap
Meta deskripsi: kode warna HTML lengkap merupakan salah satu bagian penting untuk menentukan tampilan warna pada situs web.
Baca juga : Cara Cepat Dapat Uang dari Blog
[fusion_builder_container hundred_percent=”no” hundred_percent_height=”no” hundred_percent_height_scroll=”no” hundred_percent_height_center_content=”yes” equal_height_columns=”no” menu_anchor=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” status=”published” publish_date=”” class=”” id=”” background_color=”” background_image=”” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” enable_mobile=”no” parallax_speed=”0.3″ video_mp4=”” video_webm=”” video_ogv=”” video_url=”” video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” video_preview_image=”” border_size=”” border_color=”” border_style=”solid” margin_top=”” margin_bottom=”” padding_top=”” padding_right=”” padding_bottom=”” padding_left=””][fusion_builder_row][fusion_builder_column type=”1_1″ spacing=”” center_content=”yes” link=”” target=”_self” min_height=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_image_id=”” background_color=”” background_image=”” background_position=”left top” undefined=”” background_repeat=”no-repeat” hover_type=”none” border_size=”0″ border_color=”” border_style=”solid” border_position=”all” border_radius_top_left=”” border_radius_top_right=”” border_radius_bottom_left=”” border_radius_bottom_right=”” box_shadow=”no” box_shadow_vertical=”” box_shadow_horizontal=”” box_shadow_blur=”0″ box_shadow_spread=”0″ box_shadow_color=”” box_shadow_style=”” padding_top=”” padding_right=”” padding_bottom=”” padding_left=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” last=”no”][fusion_text columns=”” column_min_width=”” column_spacing=”” rule_style=”default” rule_size=”” rule_color=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=””]
Klik dibawah ini untuk informasi tentang IT Training dan Info Loker seputar IT
⇓
[/fusion_text][fusion_button link=”https://api.whatsapp.com/send?phone=62816999735″ text_transform=”uppercase” title=”” target=”_self” link_attributes=”” alignment=”center” modal=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” color=”default” button_gradient_top_color=”” button_gradient_bottom_color=”” button_gradient_top_color_hover=”” button_gradient_bottom_color_hover=”” accent_color=”” accent_hover_color=”” type=”” bevel_color=”” border_width=”” size=”” stretch=”default” shape=”” icon=”fa-whatsapp fab” icon_position=”left” icon_divider=”no” animation_type=”fade” animation_direction=”static” animation_speed=”0.3″ animation_offset=””]Hubungi Kami[/fusion_button][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]