Kode Warna HTML Lengkap Untuk Teks Dan Background

367 views

kode warna html lengkap

Apa itu kode warna html lengkap? silahkan simak di bawah ini

Berikut IDpoin berikan beberapa kode warna HTML yang mungkin di butuhkan oleh sobat-sobat, sekedar rangkuman apa itu kode warna HTML yaitu pengenal yang digunakan untuk mewakili warna di web. Bentuk umum dari kode ini adalah sebagai nama kata kunci, nilai heksadesimal, triplet RGB (merah, hijau, biru), dan triplet HSL (rona, saturasi, ringan). Setiap form memungkinkan pilihan 16.777.216 warna.

Misalnya, warna merah bisa dikenali menggunakan format berikut:

  • Merah (nama kata kunci)
  • # ff0000 (hex)
  • (255,0,0) (RGB)
  • (0, 100%, 50%) (HSL)

Karena ada begitu banyak warna yang bisa dipilih, alat telah diciptakan untuk membuat tugas seleksi menjadi lebih sederhana. Pemilih warna memungkinkan pengguna memilih warna dengan mengklik rentang warna visual untuk memberi kode pada titik yang tepat. Bagian warna menyediakan daftar warna umum untuk pemilihan cepat. kode warna ini biasa di gunakan dalam pemilihan backgroud secara cutom dan pemilihan teks yang di anggap penting, maka hal ini untuk memudahkan pembaca dengan tujuan yang dimaksud dari artikel yang di bacanya.

dan idpoin akan memberikan link untuk melihat kode warna yang sobat inginkan, silahkan klik dibawah ini

Daftar Lengkap Kode Warna HTML

Berikut ini cara menggunakan kode warna di html

Warna Teks HTML

Menambahkan warna ke teks HTML Anda mudah! Dalam tutorial singkat ini kita akan membahas bagaimana mengubah warna teks HTML Anda dengan menggunakan kode warna Hex, nama warna HTML, nilai RGB dan HSL.

Warna teks menggunakan kode warna Hex

Cara yang paling umum untuk mewarnai teks HTML adalah dengan menggunakan kode warna heksadesimal (kode Hex singkatnya). Cukup tambahkan atribut gaya ke elemen teks yang ingin Anda warnai – paragraf pada contoh di bawah – dan gunakan properti warna dengan kode Hex Anda.

HTML

<body>
<p style="color:#FF0000";>warna teks berwarna merah</p>
</body>

untuk menjelajah jutaan warna dengan kode warna Hex, silahkan kunjungi link di atas ya.

Warna teks menggunakan nama warna HTML

Cara lain untuk mewarnai teks situs web Anda adalah dengan menggunakan nama warna HTML. Kode HTMLnya sama, cukup ganti kode Hex dari langkah sebelumnya dengan nama warna yang ingin Anda gunakan anggap contoh warna merah .

HTML

<body>
<p style="color:red;">teks warna merah</p>
</body>
Warna teks menggunakan nilai warna RGB

Menggunakan nilai RGB  itu sama mudahnya seperti kode Hex atau nama warna. Masukkan nilai RGB Anda ke dalam parameter rgb () mengikuti properti warna.

HTML

<body>
<p style="color:rgb(255,0,0);">teks warna merah</p>
</body>

Bila menggunakan nilai RGB di situs web Anda, Anda juga dapat menentukan opacity. Alih-alih rgb () menggunakan rgba () – a adalah untuk alpha, saluran warna yang mengendalikan opacity – dan setelah tiga nilai warna Anda menambahkan nilai keempat untuk opacity, pada skala dari 0 – 1 (0 untuk benar-benar transparan, 1 untuk Sepenuhnya buram).

HTML

<body>
<p style="color:rgba(255,0,0,0.5);">teks warna merah</p>
</body>
Warna teks menggunakan nilai warna HSLMetode keempat untuk menambahkan warna adalah dengan menggunakan nilai HSL. Mirip dengan sintaks RGB yang dijelaskan di atas, HSL menggunakan awalan hsl (), dan tiga nilai untuk rona, saturasi dan ringan. Hue diwakili pada skala 0 – 360, sementara saturasi dan ringan masing-masing memiliki persentase antara 0% dan 100%.HTML

<body>
<p style="color:hsl(0,100%,50%);">teks warna merah</p>
</body>

Sama seperti RGB, bila menggunakan HSL Anda dapat mengubah warna opacity tepat di properti warna. Gunakan awalan hsla () dan sertakan nilai keempat antara 0 dan 1 untuk tingkat keburaman yang Anda butuhkan.

HTML

<body>
<p style="color:hsla(0,100%,50%,1);">teks warna merah</p>
</body>

Dari Paparan di atas mudah – mudahan sobat mengerti, dan terima kasih sudah membaca artikel ini

Kode warna html lengkap untuk pemanis halaman situsmu

Seperti biasa jika artikel ini bermanfaat silahkan kilk di bawah ini ya, Salam IDpoin

color code html contoh kode html lengkap daftar kode warna html kode warna background html kode warna dalam html kumpulan kode html lengkap kumpulan kode warna html kumpulan warna html

Posting Terkait