[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"blog-cats-ngidenet":3,"blog-detail-ngidenet-color-css":20},{"items":4},[5,9,13,17],{"name":6,"slug":7,"count":8},"Digital Marketing","digital-marketing",41,{"name":10,"slug":11,"count":12},"Programming","programming",56,{"name":14,"slug":15,"count":16},"Tips","tips",75,{"name":18,"slug":19,"count":8},"Web Development","web-development",{"id":21,"slug":22,"title":23,"short_text":24,"excerpt":24,"cover":25,"cover_image":25,"cover_alt_text":25,"category":18,"tags":26,"published_at":27,"created_at":28,"full_text":29,"meta_title":25,"meta_description":30,"faqs":31,"images":32,"views_count":33},481,"color-css","Tutorial CSS : Menggunakan Color CSS","Color dalam CSS berfungsi untuk meberikan warna pada element HTML. Jika kalian ingin memberikan warna pada div, text atau element lainnya maka sintak color ini jawabannya. Warna dalam CSS bisa di defi",null,[],"2021-10-21T16:00:00Z","2026-07-14T04:39:43.141573Z","\u003Cp>Color dalam CSS berfungsi untuk meberikan warna pada element HTML. Jika kalian ingin memberikan warna pada div, text atau element lainnya maka sintak \u003Cstrong>color\u003C\u002Fstrong> ini jawabannya.\u003C\u002Fp>\u003Cp>Warna dalam CSS bisa di definisikan dengan memanggil warnanya langsung, misalnya red, black, green. Dalam bahasa Inggris ya.\u003C\u002Fp>\u003Cp>Selain itu color dalam css bisa di panggil dalam format \u003Cstrong>RGB, HEX, HSL, RGBA, HSLA\u003C\u002Fstrong>.\u003C\u002Fp>\u003Ch2>Background Color\u003C\u002Fh2>\u003Cp>Penggunaan Color dalam CSS yang pertama adalah dalam menentukan background color.\u003C\u002Fp>\u003Cp>Sintaknya adalah \u003Ccode>background-color: color_name\u003C\u002Fcode>. Fungsinya adalah memberikan warna pada background element di html kamu.\u003C\u002Fp>\u003Cpre>\u003Ccode>div {\n  background-color: red;\n}\ndiv {\n  background-color: #fefefe;\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Ch2>Text Color\u003C\u002Fh2>\u003Cp>Fungsi kedua adalah memberikan warna pada text. Jadi jika kalian ingin memberikan warna pada text caranya adalah dengan sintak \u003Ccode>color: color_name\u003C\u002Fcode>.\u003C\u002Fp>\u003Cp>\u003Cstrong>Contohnya:\u003C\u002Fstrong>\u003C\u002Fp>\u003Cpre>\u003Ccode>p {\n  color: red;\n}\n.p {\n  color: green;\n}\n.p {\n  color: #ffffff;\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp>\u003Cstrong>Hasilnya:\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp>Text Merah\u003C\u002Fp>\u003Cp>Text Hijau\u003C\u002Fp>\u003Ch2>Border Color\u003C\u002Fh2>\u003Cp>Jika kalian ingin memberikan warna pada border sebuah element, maka gunakan sintak border color.\u003C\u002Fp>\u003Cp>Secara default, border color berwarna hitam. Namun untuk memberikan warna pada border gunakan sintak: \u003Ccode>border: 1px solid #fcfcfc\u003C\u002Fcode>.\u003C\u002Fp>\u003Cp>\u003Cstrong>Contohnya:\u003C\u002Fstrong>\u003C\u002Fp>\u003Cpre>\u003Ccode><h1 style=\"border:2px solid Tomato;\">Hello World<\u002Fh1>\n<h1 style=\"border:2px solid DodgerBlue;\">Hello World<\u002Fh1>\n<h1 style=\"border:2px solid Violet;\">Hello World<\u002Fh1>\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp>\u003Cstrong>Hasilnya:\u003C\u002Fstrong>\u003C\u002Fp>\u003Ch2>Hello World\u003C\u002Fh2>\u003Ch2>Hello World\u003C\u002Fh2>\u003Ch2>Hello World\u003C\u002Fh2>\u003Ch2>CSS Color Value\u003C\u002Fh2>\u003Cp>Untuk memanggil color di CSS, bisa menggunakan nama colornya langsung, atau menggunakan RGB values, HEX values, HSL values, RGBA values, and HSLA values.\u003C\u002Fp>\u003Cp>Untuk color name yang di support bisa di dicek disini: \u003Ca href=\"https:\u002F\u002Fwww.w3schools.com\u002Fcolors\u002Fcolors_names.asp\">https:\u002F\u002Fwww.w3schools.com\u002Fcolors\u002Fcolors_names.asp\u003C\u002Fa>\u003C\u002Fp>\u003Cp>Untuk list color hex bisa dicek disini: \u003Ca href=\"https:\u002F\u002Fwww.w3schools.com\u002Fcolors\u002Fcolors_hex.asp\">https:\u002F\u002Fwww.w3schools.com\u002Fcolors\u002Fcolors_hex.asp\u003C\u002Fa>\u003C\u002Fp>\u003Ch3>RGB & RGBA Color\u003C\u002Fh3>\u003Cp>Selain color name dan hex value, color css bisa di state sebagai RGB value.\u003C\u002Fp>\u003Cp>\u003Cstrong>rgb(Red, Green, Blue)\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp>Jadi \u003Cem>\u003Cstrong>rgb\u003C\u002Fstrong>\u003C\u002Fem> ini adalah kombinasi dari Red, Green dan Blue color untuk menghasilkan warna baru.\u003C\u002Fp>\u003Cp>Contohnya:\u003C\u002Fp>\u003Cp>\u003Cstrong>rgb(255, 32, 71)\u003C\u002Fstrong> Hasilnya: rgb(255, 32, 71)\u003C\u002Fp>\u003Cp>Berbeda dengan \u003Cem>\u003Cstrong>rgb\u003C\u002Fstrong>\u003C\u002Fem>, \u003Cem>\u003Cstrong>rgba\u003C\u002Fstrong>\u003C\u002Fem> adalah rgb color dengan pilihan \u003Cem>opacity\u003C\u002Fem>. Nilai \u003Cem>opacity\u003C\u002Fem> dari 0 sampai 1.\u003C\u002Fp>\u003Cp>\u003Cstrong>Contohnya:\u003C\u002Fstrong>\u003C\u002Fp>\u003Cp>\u003Cstrong>rgba(255, 32, 71, 0.5)\u003C\u002Fstrong> Hasilnya: rgba(255, 32, 71, 0.5)\u003C\u002Fp>\u003Cp>Oke guys, kita sudah belajar tentang color dalam CSS. Sekarang kita sudah bisa membarikan warna di dalam element HTML kamu. Semoga bisa dimengerti ya.\u003C\u002Fp>\u003Cp>Tetap ikuti tutorial lainnya tentang \u003Cstrong>belajar css\u003C\u002Fstrong> di ngide.net ya!\u003C\u002Fp>","Color dalam CSS berfungsi untuk meberikan warna pada element HTML. Jika kalian ingin memberikan warna pada div, text atau element lainnya maka sintak color ini ",[],[],0]