Cara menggunakan kode html tulisan berwarna
|
Jika Anda sudah lama berurusan dengan web development, pastinya Anda tahu bahwa memilih kode warna HTML & CSS yang tepat untuk website adalah hal yang penting. Show
Pemilihan warna yang tepat untuk sebuah website dapat membangkitkan suatu emosi, mengatur tone website, dan membuat keseluruhan desain Anda lebih kohesif dan hidup. Namun memilih kode warna HTML yang tepat untuk website memang tidak mudah 一 ada banyak faktor yang perlu dipertimbangkan. Mulai dari jenis website sampai target audiens. Nah di artikel kali ini, kami akan membahas semua yang perlu Anda ketahui tentang HTML color code. Mulai dari jenis-jenis, cara menerapkannya pada website, sampai kode lengkapnya. Yuk langsung saja kita mulai!
HTML Color Coding 101Di kehidupan sehari-hari, Anda pasti sering melihat berbagai macam warna 一 kuning, merah, biru, dan lain sebagainya. Nah di dalam warna-warna ini ada juga nuansa yang berbeda. Mulai dari biru muda, biru tua, biru laut, biru langit, dan lain-lain. Warna-warna dengan nuansa unik tersebut sangat mungkin untuk bisa diartikan secara berbeda bagi setiap orang. Nah untuk menghindari kesalahan penafsiran warna saat melakukan desain online, kode warna HTML memberikan solusi terbaik melalui format kode warna yang sudah dikenali komputer. Nantinya, komputer akan membaca dan mengartikan kode HTML tersebut. Selanjutnya, komputer akan menampilkan warna yang sesuai dengan kode yang dimasukan ke website Anda. Baca juga: Apa Itu HTML? Pengertian, Fungsi, dan Cara Kerjanya Sebenarnya, kode warna HTML mempunyai beberapa format yang berbeda. Namun, dua format HTML color code yang paling dikenal di antara developer adalah Hex color codes & RGB values. Nah berikut ini adalah daftar lengkap kode warna HTML & CSS dengan format HEX dan juga RGB! Kode Warna HTML & CSS Full Color
Cara Penerapan HTML Color CodeNah setelah mengetahui daftar kode warna HTML dalam format Hex dan RGB di atas, sekarang waktunya belajar cara menerapkannya pada website Anda. Ada beberapa metode penerapan HTML color code yang bisa Anda coba. Yuk langsung saja kita bahas beberapa metode tersebut dan contoh penerapannya! 1. HEX Color CodesSalah satu metode penerapan kode warna HTML yang paling umum adalah melalui format hexadecimal color codes atau yang juga dikenal dengan HEX. HEX color codes terdiri dari kombinasi bilang bulat dari 0 sampai 9 dan 6 angka pertama di alfabet; A, B, C, D, E, dan F. Contoh kombinasi tersebut adalah #FFA500 atau #FFD700. Setiap kode warna merujuk ke sebuah warna yang spesific. Misalnya, dua contoh kode HEX yang kami berikan diatas merujuk ke warna Orange dan Gold. Nah untuk mendapatkan kode warna HEX yang Anda inginkan, silakan gunakan daftar warna yang sudah kami sediakan. Selanjutnya, tentukan atribut website yang ingin diberi warna. Contohnya jika Anda ingin mengubah sub-heading keempat menjadi berwarna Orange, cukup selipkan kode warna HEX seperti berikut ini: Nantinya kode tersebut akan terlihat seperti: GoldenFast NetworkSangat mudah bukan Golden friends? Jika Anda ingin mengubah warna atribut website yang lainnya, ubah kode 2. RGB ValueMetode penerapan kode warna HTML yang lainnya adalah melalui kode RGB value. Metode yang satu ini cukup mudah digunakan. Cara kerjanya pun sama seperti HEX color codes. Anda hanya perlu menemukan RGB value yang Anda inginkan di daftar atas. Lalu, masukkan kode tersebut di dalam baris kode HTML seperti berikut ini: Selain memberi warna pada text dan website, RGB value juga sangat populer akan kemampuannya untuk mengubah opacity dari warna tersebut. Caranya juga cukup mudah. Anda hanya perlu menambahkan atau mengurangi nilai 0.5 pada editor HTML. Semakin rendah nilainya, semakin transparan teksnya. Untuk contoh, mari kita buat teks dengan warna yang sama menjadi lebih transparan melalui contoh berikut ini:
Hasil kode tersebut akan terlihat seperti: GoldenFast Network3. Melalui Nama WarnaCara lain untuk menggunakan kode warna HTML untuk memberikan warna pada website adalah melalui nama warna itu sendiri. Melalui metode ini, Anda cukup menggunakan baris kode yang sama seperti contoh dan mengganti kode HEX atau RGB ke nama warna itu sendiri. Contoh kode warna HTML melalui nama warna akan terlihat seperti ini:
Baca juga: 25+ Perintah Dasar Linux [Lengkap dengan Fungsi & Contohnya] 3 Contoh Website Color Scheme TerbaikNah berikut adalah beberapa contoh skema warna terbaik yang bisa Anda tiru untuk menerapkan warna kode HTML pada website! 1. Simple & Mencolok Salah satu kombinasi color scheme yang terbaik biasanya datang dari website yang mempunyai desain yang simple namun mencolok. Campuran antara warna-warna yang tenang dan berani dapat membuat pengunjung website merasa lebih tertarik untuk membuka website secara lebih jauh. 2. Elegan dan tenangJika website Anda berurusan dengan hal-hal yang elegan dan feminim, contoh color scheme berikut ini bisa menjadi pilihan yang tepat. Kombinasi dari warna-warna pastel yang elegan dan warna gelap yang terkesan misterius, Anda bisa mendapatkan sebuah website yang terlihat lebih indah. 3. Bold & BeraniJika Anda ingin membuat website yang mencolok dan terlihat berani, kombinasi warna-warna yang terang dan tegas bisa menjadi pilihan terbaik. Kombinasi dari warna-warna yang berani memang tidak bisa sembarangan digunakan. Anda hanya bisa melakukannya jika target audiens memang menyukai warna-warna tersebut. Jika Anda tidak ingin memilih color scheme terbaik untuk website secara manual, Anda juga dapat menggunakan online HTML color code generator loh Golden friends! Berikut adalah beberapa contoh dari generator warna website online:
Baca juga: PHP Framework Terbaik yang Patut Anda Gunakan PenutupKode warna HTML adalah daftar baris kode yang digunakan untuk menentukan dan mengubah skema warna sebuah website. Mulai dari teks, background, dan lain sebagainya. Meskipun HTML color coding termasuk skill HTML yang paling dasar, ada banyak hal yang bisa Anda lakukan melalui kode warna tersebut 一 terutama untuk urusan desain front-end website. Nah pada artikel ini, kami telah membahas semua hal yang perlu Anda ketahui tentang kode warna HTML. Mulai dari pengertian, daftar lengkap, sampai cara penerapannya. Jika Golden friends masih punya pertanyaan lebih lanjut tentang HTML color coding, silahkan tinggalkan pesan pada kolom bawah ya! Sekedar mengingatkan, untuk membangun sebuah website yang baik tentunya Anda membutuhkan web server yang handal. Untungnya, GoldenFast Network punya solusinya! Mulai dari 135 ribuan per bulan saja, Anda bisa mendapatkan Cloud VPS dengan 98% uptime, 24/7 monitoring, dan customer service. Bukan hanya itu, semua layanan GoldenFast Network juga dilengkapi dengan High Grade hardware kelas enterprise dan juga beberapa tier 1 network loh Golden friends! Sangat menarik bukan? Yuk langsung saja bergabung dengan GFN! Bagaimana cara mengganti font color?Mengubah warna font. Pilih teks yang ingin Anda ubah.. Pada tab Beranda , dalam grup font , pilih panah di samping warna font, lalu pilih warna. Anda juga dapat menggunakan opsi pemformatan pada toolbar Mini untuk memformat teks dengan cepat. Toolbar Mini muncul secara otomatis saat Anda memilih teks.. Apa itu kode warna HTML?Apa sih yang dimaksud dengan kode warna HTML? Kode warna HTML (Hypertext Markup Language) ditandai dengan enam karakter setelah tagar (#), misalnya #000000. Warna HTML diatur dengan menggunakan kode HEX yang merupakan gagasan heksadesimal dari RGB.
Apa yang dimaksud kode warna #ffffff?Sementara itu, komponen warna hijau dan biru memiliki nilai terendah yaitu 00. Contoh lainnya adalah warna putih yang dibuat dengan mencampurkan ketiga warna primer dengan intensitas penuh. Hal tersebut menghasilkan kode warna HEX berupa #FFFFFF.
#fff warna apa?Warna white / Putih dengan kode warna heksadesimal #ffffff / #fff adalah sangat ringan bayangan dari abu-abu.
|
