Membuat Program Generator Code Warna dengan HTML5 di Android

Untuk membuat desain tampilan website biasanya diperlukan warna – warna yang menarik dan sesuai dengan kontennya. Ada berbagai warna yang dapat dikombinasikan. Kali ini saya share source code yang cukup simpel untuk membuat generator code warna dengan menggunakan HTML5 di Android. Untuk editor HTML di Android, anda dapat menggunakan DroidEdit.

Berikut ini source codenya

<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>Program HTML5 Color Picker</title>
  <script language="javascript">
  function newBackgroundColor(color)
  {
     document.bgColor = color;
     document.colorForm.selectedcolor.value = color;
  }
  </script>
</head>
<body bgcolor="white">
<header>
  <h1>Program HTML5 Color Picker</h1>
</header>
<form name="colorForm">
   <p>Pilih Warna Background
   <input name="colorpicker" type="color" onchange="newBackgroundColor(colorpicker.value);">
   </p>
   <p>
   Code warna yang dipilih
   <input name="selectedcolor" type="text">
   </p>
</form>
</body>
</html>

Simpan code tersebut dengan extensi .html. Contohnya colorPicker.html.

Screenshot_2016-05-28-14-01-46

Kemudian buka file HTML tersebut dengan browser. Seperti ini tampilannya

Screenshot_2016-05-28-14-02-35

Pilih warna

Screenshot_2016-05-28-14-02-52

Warna beserta codenya akan ditampilkan.

Screenshot_2016-05-28-14-03-11

Program ini juga dapat digunakan di komputer desktop.

Selamat mencoba dan semoga bermanfaat🙂

Untuk pertanyaan, saran dan kritik silahkan ditulis di kolom komentar.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s