⌈⌋ ⎇ branch:  Bitrhythm


Hex Artifact Content

Artifact c77de1cd808216ac97c614fa06e71db6e7621d5ff2062cf5b6663fb3a37ad038:


0000: 3c 61 20 63 6c 61 73 73 3d 22 72 65 61 64 6d 65  <a class="readme
0010: 2d 6c 6f 67 6f 22 20 68 72 65 66 3d 22 68 74 74  -logo" href="htt
0020: 70 73 3a 2f 2f 66 61 72 62 65 6c 6f 75 73 2e 69  ps://farbelous.i
0030: 6f 2f 62 6f 6f 74 73 74 72 61 70 2d 63 6f 6c 6f  o/bootstrap-colo
0040: 72 70 69 63 6b 65 72 22 3e 0a 20 20 20 20 3c 69  rpicker">.    <i
0050: 6d 67 20 61 6c 74 3d 22 4c 6f 67 6f 20 62 79 20  mg alt="Logo by 
0060: 40 72 65 61 6c 6c 69 6e 66 6f 22 20 73 72 63 3d  @reallinfo" src=
0070: 22 6c 6f 67 6f 2e 70 6e 67 22 20 77 69 64 74 68  "logo.png" width
0080: 3d 22 31 32 38 70 78 22 20 2f 3e 0a 3c 2f 61 3e  ="128px" />.</a>
0090: 0a 0a 23 20 42 6f 6f 74 73 74 72 61 70 20 43 6f  ..# Bootstrap Co
00a0: 6c 6f 72 70 69 63 6b 65 72 0a 0a 3c 21 2d 2d 76  lorpicker..<!--v
00b0: 65 72 73 69 6f 6e 2d 2d 3e 0a 0a 5b 42 6f 6f 74  ersion-->..[Boot
00c0: 73 74 72 61 70 20 43 6f 6c 6f 72 70 69 63 6b 65  strap Colorpicke
00d0: 72 5d 28 68 74 74 70 73 3a 2f 2f 67 69 74 68 75  r](https://githu
00e0: 62 2e 63 6f 6d 2f 66 61 72 62 65 6c 6f 75 73 2f  b.com/farbelous/
00f0: 62 6f 6f 74 73 74 72 61 70 2d 63 6f 6c 6f 72 70  bootstrap-colorp
0100: 69 63 6b 65 72 2f 29 20 69 73 20 61 20 6d 6f 64  icker/) is a mod
0110: 75 6c 61 72 20 63 6f 6c 6f 72 20 70 69 63 6b 65  ular color picke
0120: 72 20 70 6c 75 67 69 6e 20 66 6f 72 20 42 6f 6f  r plugin for Boo
0130: 74 73 74 72 61 70 20 34 2e 0a 0a 5b 21 5b 42 75  tstrap 4...[![Bu
0140: 69 6c 64 20 53 74 61 74 75 73 5d 28 68 74 74 70  ild Status](http
0150: 73 3a 2f 2f 69 6d 67 2e 73 68 69 65 6c 64 73 2e  s://img.shields.
0160: 69 6f 2f 74 72 61 76 69 73 2f 66 61 72 62 65 6c  io/travis/farbel
0170: 6f 75 73 2f 62 6f 6f 74 73 74 72 61 70 2d 63 6f  ous/bootstrap-co
0180: 6c 6f 72 70 69 63 6b 65 72 2f 6d 61 73 74 65 72  lorpicker/master
0190: 2e 73 76 67 3f 73 74 79 6c 65 3d 66 6c 61 74 2d  .svg?style=flat-
01a0: 73 71 75 61 72 65 29 5d 28 68 74 74 70 73 3a 2f  square)](https:/
01b0: 2f 74 72 61 76 69 73 2d 63 69 2e 6f 72 67 2f 66  /travis-ci.org/f
01c0: 61 72 62 65 6c 6f 75 73 2f 62 6f 6f 74 73 74 72  arbelous/bootstr
01d0: 61 70 2d 63 6f 6c 6f 72 70 69 63 6b 65 72 29 0a  ap-colorpicker).
01e0: 5b 21 5b 6e 70 6d 5d 28 68 74 74 70 73 3a 2f 2f  [![npm](https://
01f0: 69 6d 67 2e 73 68 69 65 6c 64 73 2e 69 6f 2f 6e  img.shields.io/n
0200: 70 6d 2f 76 2f 62 6f 6f 74 73 74 72 61 70 2d 63  pm/v/bootstrap-c
0210: 6f 6c 6f 72 70 69 63 6b 65 72 2e 73 76 67 3f 73  olorpicker.svg?s
0220: 74 79 6c 65 3d 66 6c 61 74 2d 73 71 75 61 72 65  tyle=flat-square
0230: 29 5d 28 68 74 74 70 73 3a 2f 2f 77 77 77 2e 6e  )](https://www.n
0240: 70 6d 6a 73 2e 63 6f 6d 2f 70 61 63 6b 61 67 65  pmjs.com/package
0250: 2f 62 6f 6f 74 73 74 72 61 70 2d 63 6f 6c 6f 72  /bootstrap-color
0260: 70 69 63 6b 65 72 29 0a 0a 23 23 20 49 6e 73 74  picker)..## Inst
0270: 61 6c 6c 0a 59 6f 75 20 63 61 6e 20 67 65 74 20  all.You can get 
0280: 74 68 65 20 6c 61 74 65 73 74 20 76 65 72 73 69  the latest versi
0290: 6f 6e 20 69 6e 20 6d 61 6e 79 20 64 69 66 66 65  on in many diffe
02a0: 72 65 6e 74 20 77 61 79 73 3a 0a 0a 2d 20 44 6f  rent ways:..- Do
02b0: 77 6e 6c 6f 61 64 69 6e 67 20 5b 61 20 5a 49 50  wnloading [a ZIP
02c0: 20 66 69 6c 65 20 66 72 6f 6d 20 74 68 65 20 72   file from the r
02d0: 65 6c 65 61 73 65 73 5d 28 68 74 74 70 73 3a 2f  eleases](https:/
02e0: 2f 67 69 74 68 75 62 2e 63 6f 6d 2f 66 61 72 62  /github.com/farb
02f0: 65 6c 6f 75 73 2f 62 6f 6f 74 73 74 72 61 70 2d  elous/bootstrap-
0300: 63 6f 6c 6f 72 70 69 63 6b 65 72 2f 72 65 6c 65  colorpicker/rele
0310: 61 73 65 73 29 0a 2d 20 43 6c 6f 6e 69 6e 67 20  ases).- Cloning 
0320: 75 73 69 6e 67 20 47 69 74 3a 20 60 67 69 74 20  using Git: `git 
0330: 63 6c 6f 6e 65 20 68 74 74 70 73 3a 2f 2f 67 69  clone https://gi
0340: 74 68 75 62 2e 63 6f 6d 2f 66 61 72 62 65 6c 6f  thub.com/farbelo
0350: 75 73 2f 62 6f 6f 74 73 74 72 61 70 2d 63 6f 6c  us/bootstrap-col
0360: 6f 72 70 69 63 6b 65 72 2e 67 69 74 60 0a 2d 20  orpicker.git`.- 
0370: 49 6e 73 74 61 6c 6c 69 6e 67 20 76 69 61 20 4e  Installing via N
0380: 50 4d 3a 20 60 6e 70 6d 20 69 6e 73 74 61 6c 6c  PM: `npm install
0390: 20 62 6f 6f 74 73 74 72 61 70 2d 63 6f 6c 6f 72   bootstrap-color
03a0: 70 69 63 6b 65 72 60 0a 2d 20 49 6e 73 74 61 6c  picker`.- Instal
03b0: 6c 69 6e 67 20 76 69 61 20 59 61 72 6e 3a 20 60  ling via Yarn: `
03c0: 79 61 72 6e 20 61 64 64 20 62 6f 6f 74 73 74 72  yarn add bootstr
03d0: 61 70 2d 63 6f 6c 6f 72 70 69 63 6b 65 72 60 0a  ap-colorpicker`.
03e0: 2d 20 49 6e 73 74 61 6c 6c 69 6e 67 20 76 69 61  - Installing via
03f0: 20 43 6f 6d 70 6f 73 65 72 3a 20 60 63 6f 6d 70   Composer: `comp
0400: 6f 73 65 72 20 72 65 71 75 69 72 65 20 69 74 73  oser require its
0410: 6a 61 76 69 2f 62 6f 6f 74 73 74 72 61 70 2d 63  javi/bootstrap-c
0420: 6f 6c 6f 72 70 69 63 6b 65 72 60 0a 0a 4e 6f 74  olorpicker`..Not
0430: 65 20 74 68 61 74 20 74 68 65 20 60 64 69 73 74  e that the `dist
0440: 60 20 66 69 6c 65 73 20 61 72 65 20 6f 6e 6c 79  ` files are only
0450: 20 64 69 73 74 72 69 62 75 74 65 64 20 76 69 61   distributed via
0460: 20 74 68 65 20 4e 50 4d 20 61 6e 64 20 59 61 72   the NPM and Yar
0470: 6e 20 69 6e 73 74 61 6c 6c 61 74 69 6f 6e 73 2e  n installations.
0480: 0a 0a 46 6f 72 20 74 68 65 20 72 65 73 74 20 6d  ..For the rest m
0490: 65 74 68 6f 64 73 2c 20 79 6f 75 20 77 69 6c 6c  ethods, you will
04a0: 20 6e 65 65 64 20 74 6f 20 67 65 6e 65 72 61 74   need to generat
04b0: 65 20 74 68 65 20 66 69 6c 65 73 20 69 6e 69 74  e the files init
04c0: 69 61 6c 69 7a 69 6e 67 20 74 68 65 20 70 72 6f  ializing the pro
04d0: 6a 65 63 74 20 77 69 74 68 20 60 79 61 72 6e 20  ject with `yarn 
04e0: 69 6e 73 74 61 6c 6c 60 0a 61 6e 64 20 74 68 65  install`.and the
04f0: 6e 20 62 75 69 6c 64 69 6e 67 20 74 68 65 20 63  n building the c
0500: 6f 64 65 20 75 73 69 6e 67 20 60 6e 70 6d 20 72  ode using `npm r
0510: 75 6e 20 62 75 69 6c 64 60 2e 0a 0a 23 23 20 56  un build`...## V
0520: 65 72 73 69 6f 6e 73 0a 0a 3c 74 61 62 6c 65 20  ersions..<table 
0530: 63 6c 61 73 73 3d 22 74 61 62 6c 65 20 74 61 62  class="table tab
0540: 6c 65 2d 62 6f 72 64 65 72 65 64 20 74 61 62 6c  le-bordered tabl
0550: 65 2d 73 74 72 69 70 65 64 22 3e 0a 20 20 3c 74  e-striped">.  <t
0560: 68 65 61 64 3e 0a 20 20 20 20 3c 74 72 3e 0a 20  head>.    <tr>. 
0570: 20 20 20 20 20 20 20 3c 74 68 3e 43 6f 6c 6f 72         <th>Color
0580: 70 69 63 6b 65 72 20 76 65 72 73 69 6f 6e 3c 2f  picker version</
0590: 74 68 3e 0a 20 20 20 20 20 20 20 20 3c 74 68 3e  th>.        <th>
05a0: 43 6f 6d 70 61 74 69 62 6c 65 20 42 6f 6f 74 73  Compatible Boots
05b0: 74 72 61 70 20 76 65 72 73 69 6f 6e 3c 2f 74 68  trap version</th
05c0: 3e 0a 20 20 20 20 20 20 20 20 3c 74 68 3e 44 65  >.        <th>De
05d0: 70 65 6e 64 65 6e 63 69 65 73 3c 2f 74 68 3e 0a  pendencies</th>.
05e0: 20 20 20 20 3c 2f 74 72 3e 0a 20 20 3c 2f 74 68      </tr>.  </th
05f0: 65 61 64 3e 0a 20 20 3c 74 62 6f 64 79 3e 0a 20  ead>.  <tbody>. 
0600: 20 20 20 3c 74 72 3e 0a 20 20 20 20 20 20 20 20     <tr>.        
0610: 3c 74 64 3e 0a 20 20 20 20 20 20 20 20 20 20 3c  <td>.          <
0620: 61 20 68 72 65 66 3d 22 68 74 74 70 73 3a 2f 2f  a href="https://
0630: 67 69 74 68 75 62 2e 63 6f 6d 2f 66 61 72 62 65  github.com/farbe
0640: 6c 6f 75 73 2f 62 6f 6f 74 73 74 72 61 70 2d 63  lous/bootstrap-c
0650: 6f 6c 6f 72 70 69 63 6b 65 72 2f 74 72 65 65 2f  olorpicker/tree/
0660: 76 32 2e 78 22 3e 76 32 2e 78 3c 2f 61 3e 20 3c  v2.x">v2.x</a> <
0670: 62 72 3e 0a 20 20 20 20 20 20 20 20 20 20 3c 61  br>.          <a
0680: 20 68 72 65 66 3d 22 68 74 74 70 73 3a 2f 2f 66   href="https://f
0690: 61 72 62 65 6c 6f 75 73 2e 67 69 74 68 75 62 2e  arbelous.github.
06a0: 69 6f 2f 62 6f 6f 74 73 74 72 61 70 2d 63 6f 6c  io/bootstrap-col
06b0: 6f 72 70 69 63 6b 65 72 2f 76 32 22 3e 44 6f 63  orpicker/v2">Doc
06c0: 75 6d 65 6e 74 61 74 69 6f 6e 3c 2f 61 3e 0a 20  umentation</a>. 
06d0: 20 20 20 20 20 20 20 3c 2f 74 64 3e 0a 20 20 20         </td>.   
06e0: 20 20 20 20 20 3c 74 64 3e 28 61 6e 79 29 3c 2f       <td>(any)</
06f0: 74 64 3e 0a 20 20 20 20 20 20 20 20 3c 74 64 3e  td>.        <td>
0700: 0a 20 20 20 20 20 20 20 20 20 20 3c 75 6c 3e 0a  .          <ul>.
0710: 20 20 20 20 20 20 20 20 20 20 20 20 3c 6c 69 3e              <li>
0720: 6a 51 75 65 72 79 20 3e 3d 20 31 2e 31 30 3c 2f  jQuery >= 1.10</
0730: 6c 69 3e 0a 20 20 20 20 20 20 20 20 20 20 20 20  li>.            
0740: 3c 6c 69 3e 42 6f 6f 74 73 74 72 61 70 20 43 53  <li>Bootstrap CS
0750: 53 20 28 69 6e 70 75 74 20 61 64 64 6f 6e 29 3c  S (input addon)<
0760: 2f 6c 69 3e 0a 20 20 20 20 20 20 20 20 20 20 3c  /li>.          <
0770: 2f 75 6c 3e 0a 20 20 20 20 20 20 20 20 3c 2f 74  /ul>.        </t
0780: 64 3e 0a 20 20 20 20 3c 2f 74 72 3e 0a 20 20 20  d>.    </tr>.   
0790: 20 3c 74 72 3e 0a 20 20 20 20 20 20 20 20 3c 74   <tr>.        <t
07a0: 64 3e 0a 20 20 20 20 20 20 20 20 20 20 3c 61 20  d>.          <a 
07b0: 68 72 65 66 3d 22 68 74 74 70 73 3a 2f 2f 67 69  href="https://gi
07c0: 74 68 75 62 2e 63 6f 6d 2f 66 61 72 62 65 6c 6f  thub.com/farbelo
07d0: 75 73 2f 62 6f 6f 74 73 74 72 61 70 2d 63 6f 6c  us/bootstrap-col
07e0: 6f 72 70 69 63 6b 65 72 22 3e 76 33 2e 78 3c 2f  orpicker">v3.x</
07f0: 61 3e 20 3c 62 72 3e 0a 20 20 20 20 20 20 20 20  a> <br>.        
0800: 20 20 3c 61 20 68 72 65 66 3d 22 68 74 74 70 73    <a href="https
0810: 3a 2f 2f 66 61 72 62 65 6c 6f 75 73 2e 67 69 74  ://farbelous.git
0820: 68 75 62 2e 69 6f 2f 62 6f 6f 74 73 74 72 61 70  hub.io/bootstrap
0830: 2d 63 6f 6c 6f 72 70 69 63 6b 65 72 22 3e 44 6f  -colorpicker">Do
0840: 63 75 6d 65 6e 74 61 74 69 6f 6e 3c 2f 61 3e 0a  cumentation</a>.
0850: 20 20 20 20 20 20 20 20 3c 2f 74 64 3e 0a 20 20          </td>.  
0860: 20 20 20 20 20 20 3c 74 64 3e 42 6f 6f 74 73 74        <td>Bootst
0870: 72 61 70 20 34 3c 2f 74 64 3e 0a 20 20 20 20 20  rap 4</td>.     
0880: 20 20 20 3c 74 64 3e 0a 20 20 20 20 20 20 20 20     <td>.        
0890: 20 20 3c 75 6c 3e 0a 20 20 20 20 20 20 20 20 20    <ul>.         
08a0: 20 20 20 3c 6c 69 3e 6a 51 75 65 72 79 20 3e 3d     <li>jQuery >=
08b0: 20 32 2e 31 2e 30 3c 2f 6c 69 3e 0a 20 20 20 20   2.1.0</li>.    
08c0: 20 20 20 20 20 20 20 20 3c 6c 69 3e 42 6f 6f 74          <li>Boot
08d0: 73 74 72 61 70 20 43 53 53 20 28 69 6e 70 75 74  strap CSS (input
08e0: 20 61 64 64 6f 6e 2c 20 70 6f 70 6f 76 65 72 29   addon, popover)
08f0: 3c 2f 6c 69 3e 0a 20 20 20 20 20 20 20 20 20 20  </li>.          
0900: 20 20 3c 6c 69 3e 42 6f 6f 74 73 74 72 61 70 20    <li>Bootstrap 
0910: 4a 53 20 42 75 6e 64 6c 65 20 28 70 6f 70 6f 76  JS Bundle (popov
0920: 65 72 29 3c 2f 6c 69 3e 0a 20 20 20 20 20 20 20  er)</li>.       
0930: 20 20 20 3c 2f 75 6c 3e 0a 20 20 20 20 20 20 20     </ul>.       
0940: 20 3c 2f 74 64 3e 0a 20 20 20 20 3c 2f 74 72 3e   </td>.    </tr>
0950: 0a 20 20 3c 2f 74 68 65 61 64 3e 0a 3c 2f 74 61  .  </thead>.</ta
0960: 62 6c 65 3e 0a 0a 0a 4e 6f 74 65 20 74 68 61 74  ble>...Note that
0970: 20 74 68 65 20 70 6c 75 67 69 6e 20 6d 61 79 20   the plugin may 
0980: 77 6f 72 6b 20 77 69 74 68 6f 75 74 20 42 6f 6f  work without Boo
0990: 74 73 74 72 61 70 20 69 66 20 79 6f 75 72 20 63  tstrap if your c
09a0: 6f 64 65 20 69 73 20 6e 6f 74 20 75 73 69 6e 67  ode is not using
09b0: 20 61 6e 79 20 6f 66 20 74 68 65 20 6d 65 6e 74   any of the ment
09c0: 69 6f 6e 65 64 20 42 6f 6f 74 73 74 72 61 70 0a  ioned Bootstrap.
09d0: 64 65 70 65 6e 64 65 6e 63 69 65 73 2e 0a 0a 0a  dependencies....
09e0: 23 23 20 42 61 73 69 63 20 65 78 61 6d 70 6c 65  ## Basic example
09f0: 0a 0a 60 60 60 68 74 6d 6c 0a 3c 21 44 4f 43 54  ..```html.<!DOCT
0a00: 59 50 45 20 68 74 6d 6c 3e 0a 3c 68 74 6d 6c 20  YPE html>.<html 
0a10: 6c 61 6e 67 3d 22 65 6e 22 3e 0a 3c 68 65 61 64  lang="en">.<head
0a20: 3e 0a 20 20 3c 6d 65 74 61 20 63 68 61 72 73 65  >.  <meta charse
0a30: 74 3d 22 75 74 66 2d 38 22 3e 0a 20 20 3c 6c 69  t="utf-8">.  <li
0a40: 6e 6b 20 68 72 65 66 3d 22 2f 2f 63 64 6e 2e 72  nk href="//cdn.r
0a50: 61 77 67 69 74 2e 63 6f 6d 2f 74 77 62 73 2f 62  awgit.com/twbs/b
0a60: 6f 6f 74 73 74 72 61 70 2f 76 34 2e 31 2e 33 2f  ootstrap/v4.1.3/
0a70: 64 69 73 74 2f 63 73 73 2f 62 6f 6f 74 73 74 72  dist/css/bootstr
0a80: 61 70 2e 6d 69 6e 2e 63 73 73 22 20 72 65 6c 3d  ap.min.css" rel=
0a90: 22 73 74 79 6c 65 73 68 65 65 74 22 3e 0a 20 20  "stylesheet">.  
0aa0: 3c 6c 69 6e 6b 20 68 72 65 66 3d 22 64 69 73 74  <link href="dist
0ab0: 2f 63 73 73 2f 62 6f 6f 74 73 74 72 61 70 2d 63  /css/bootstrap-c
0ac0: 6f 6c 6f 72 70 69 63 6b 65 72 2e 63 73 73 22 20  olorpicker.css" 
0ad0: 72 65 6c 3d 22 73 74 79 6c 65 73 68 65 65 74 22  rel="stylesheet"
0ae0: 3e 0a 3c 2f 68 65 61 64 3e 0a 3c 62 6f 64 79 3e  >.</head>.<body>
0af0: 0a 20 20 3c 64 69 76 20 63 6c 61 73 73 3d 22 6a  .  <div class="j
0b00: 75 6d 62 6f 74 72 6f 6e 22 3e 0a 20 20 20 20 20  umbotron">.     
0b10: 20 3c 68 31 3e 42 6f 6f 74 73 74 72 61 70 20 43   <h1>Bootstrap C
0b20: 6f 6c 6f 72 70 69 63 6b 65 72 20 44 65 6d 6f 3c  olorpicker Demo<
0b30: 2f 68 31 3e 0a 20 20 20 20 20 20 3c 69 6e 70 75  /h1>.      <inpu
0b40: 74 20 69 64 3d 22 64 65 6d 6f 22 20 74 79 70 65  t id="demo" type
0b50: 3d 22 74 65 78 74 22 20 63 6c 61 73 73 3d 22 66  ="text" class="f
0b60: 6f 72 6d 2d 63 6f 6e 74 72 6f 6c 22 20 76 61 6c  orm-control" val
0b70: 75 65 3d 22 72 67 62 28 32 35 35 2c 20 31 32 38  ue="rgb(255, 128
0b80: 2c 20 30 29 22 20 2f 3e 0a 20 20 3c 2f 64 69 76  , 0)" />.  </div
0b90: 3e 0a 20 20 3c 73 63 72 69 70 74 20 73 72 63 3d  >.  <script src=
0ba0: 22 2f 2f 63 6f 64 65 2e 6a 71 75 65 72 79 2e 63  "//code.jquery.c
0bb0: 6f 6d 2f 6a 71 75 65 72 79 2d 33 2e 33 2e 31 2e  om/jquery-3.3.1.
0bc0: 6a 73 22 3e 3c 2f 73 63 72 69 70 74 3e 0a 20 20  js"></script>.  
0bd0: 3c 73 63 72 69 70 74 20 73 72 63 3d 22 2f 2f 63  <script src="//c
0be0: 64 6e 2e 72 61 77 67 69 74 2e 63 6f 6d 2f 74 77  dn.rawgit.com/tw
0bf0: 62 73 2f 62 6f 6f 74 73 74 72 61 70 2f 76 34 2e  bs/bootstrap/v4.
0c00: 31 2e 33 2f 64 69 73 74 2f 6a 73 2f 62 6f 6f 74  1.3/dist/js/boot
0c10: 73 74 72 61 70 2e 62 75 6e 64 6c 65 2e 6d 69 6e  strap.bundle.min
0c20: 2e 6a 73 22 3e 3c 2f 73 63 72 69 70 74 3e 0a 20  .js"></script>. 
0c30: 20 3c 73 63 72 69 70 74 20 73 72 63 3d 22 64 69   <script src="di
0c40: 73 74 2f 6a 73 2f 62 6f 6f 74 73 74 72 61 70 2d  st/js/bootstrap-
0c50: 63 6f 6c 6f 72 70 69 63 6b 65 72 2e 6a 73 22 3e  colorpicker.js">
0c60: 3c 2f 73 63 72 69 70 74 3e 0a 20 20 3c 73 63 72  </script>.  <scr
0c70: 69 70 74 3e 0a 20 20 20 20 24 28 66 75 6e 63 74  ipt>.    $(funct
0c80: 69 6f 6e 20 28 29 20 7b 0a 20 20 20 20 20 20 2f  ion () {.      /
0c90: 2f 20 42 61 73 69 63 20 69 6e 73 74 61 6e 74 69  / Basic instanti
0ca0: 61 74 69 6f 6e 3a 0a 20 20 20 20 20 20 24 28 27  ation:.      $('
0cb0: 23 64 65 6d 6f 27 29 2e 63 6f 6c 6f 72 70 69 63  #demo').colorpic
0cc0: 6b 65 72 28 29 3b 0a 20 20 20 20 20 20 0a 20 20  ker();.      .  
0cd0: 20 20 20 20 2f 2f 20 45 78 61 6d 70 6c 65 20 75      // Example u
0ce0: 73 69 6e 67 20 61 6e 20 65 76 65 6e 74 2c 20 74  sing an event, t
0cf0: 6f 20 63 68 61 6e 67 65 20 74 68 65 20 63 6f 6c  o change the col
0d00: 6f 72 20 6f 66 20 74 68 65 20 2e 6a 75 6d 62 6f  or of the .jumbo
0d10: 74 72 6f 6e 20 62 61 63 6b 67 72 6f 75 6e 64 3a  tron background:
0d20: 0a 20 20 20 20 20 20 24 28 27 23 64 65 6d 6f 27  .      $('#demo'
0d30: 29 2e 6f 6e 28 27 63 6f 6c 6f 72 70 69 63 6b 65  ).on('colorpicke
0d40: 72 43 68 61 6e 67 65 27 2c 20 66 75 6e 63 74 69  rChange', functi
0d50: 6f 6e 28 65 76 65 6e 74 29 20 7b 0a 20 20 20 20  on(event) {.    
0d60: 20 20 20 20 24 28 27 2e 6a 75 6d 62 6f 74 72 6f      $('.jumbotro
0d70: 6e 27 29 2e 63 73 73 28 27 62 61 63 6b 67 72 6f  n').css('backgro
0d80: 75 6e 64 2d 63 6f 6c 6f 72 27 2c 20 65 76 65 6e  und-color', even
0d90: 74 2e 63 6f 6c 6f 72 2e 74 6f 53 74 72 69 6e 67  t.color.toString
0da0: 28 29 29 3b 0a 20 20 20 20 20 20 7d 29 3b 0a 20  ());.      });. 
0db0: 20 20 20 7d 29 3b 0a 20 20 3c 2f 73 63 72 69 70     });.  </scrip
0dc0: 74 3e 0a 3c 2f 62 6f 64 79 3e 0a 60 60 60 0a 0a  t>.</body>.```..
0dd0: 23 23 20 43 6f 6e 74 72 69 62 75 74 69 6f 6e 73  ## Contributions
0de0: 0a 2a 20 5b 49 73 73 75 65 73 5d 28 68 74 74 70  .* [Issues](http
0df0: 73 3a 2f 2f 67 69 74 68 75 62 2e 63 6f 6d 2f 66  s://github.com/f
0e00: 61 72 62 65 6c 6f 75 73 2f 62 6f 6f 74 73 74 72  arbelous/bootstr
0e10: 61 70 2d 63 6f 6c 6f 72 70 69 63 6b 65 72 2f 69  ap-colorpicker/i
0e20: 73 73 75 65 73 29 0a 2a 20 5b 50 75 6c 6c 20 52  ssues).* [Pull R
0e30: 65 71 75 65 73 74 73 5d 28 68 74 74 70 73 3a 2f  equests](https:/
0e40: 2f 67 69 74 68 75 62 2e 63 6f 6d 2f 66 61 72 62  /github.com/farb
0e50: 65 6c 6f 75 73 2f 62 6f 6f 74 73 74 72 61 70 2d  elous/bootstrap-
0e60: 63 6f 6c 6f 72 70 69 63 6b 65 72 2f 70 75 6c 6c  colorpicker/pull
0e70: 73 29 0a 2a 20 5b 4d 69 6c 65 73 74 6f 6e 65 73  s).* [Milestones
0e80: 5d 28 68 74 74 70 73 3a 2f 2f 67 69 74 68 75 62  ](https://github
0e90: 2e 63 6f 6d 2f 66 61 72 62 65 6c 6f 75 73 2f 62  .com/farbelous/b
0ea0: 6f 6f 74 73 74 72 61 70 2d 63 6f 6c 6f 72 70 69  ootstrap-colorpi
0eb0: 63 6b 65 72 2f 6d 69 6c 65 73 74 6f 6e 65 73 29  cker/milestones)
0ec0: 0a 2a 20 5b 50 6c 61 6e 6e 65 64 20 46 65 61 74  .* [Planned Feat
0ed0: 75 72 65 73 5d 28 68 74 74 70 73 3a 2f 2f 67 69  ures](https://gi
0ee0: 74 68 75 62 2e 63 6f 6d 2f 66 61 72 62 65 6c 6f  thub.com/farbelo
0ef0: 75 73 2f 62 6f 6f 74 73 74 72 61 70 2d 63 6f 6c  us/bootstrap-col
0f00: 6f 72 70 69 63 6b 65 72 2f 70 72 6f 6a 65 63 74  orpicker/project
0f10: 73 29 0a 0a 54 68 69 73 20 70 72 6f 6a 65 63 74  s)..This project
0f20: 20 65 78 69 73 74 73 20 74 68 61 6e 6b 73 20 74   exists thanks t
0f30: 6f 20 61 6c 6c 20 74 68 65 20 5b 70 65 6f 70 6c  o all the [peopl
0f40: 65 20 77 68 6f 20 63 6f 6e 74 72 69 62 75 74 65  e who contribute
0f50: 5d 28 68 74 74 70 73 3a 2f 2f 67 69 74 68 75 62  ](https://github
0f60: 2e 63 6f 6d 2f 66 61 72 62 65 6c 6f 75 73 2f 62  .com/farbelous/b
0f70: 6f 6f 74 73 74 72 61 70 2d 63 6f 6c 6f 72 70 69  ootstrap-colorpi
0f80: 63 6b 65 72 2f 67 72 61 70 68 73 2f 63 6f 6e 74  cker/graphs/cont
0f90: 72 69 62 75 74 6f 72 73 29 2e 0a 0a 50 6c 65 61  ributors)...Plea
0fa0: 73 65 20 72 65 61 64 20 5b 43 4f 4e 54 52 49 42  se read [CONTRIB
0fb0: 55 54 49 4e 47 5d 28 68 74 74 70 73 3a 2f 2f 67  UTING](https://g
0fc0: 69 74 68 75 62 2e 63 6f 6d 2f 66 61 72 62 65 6c  ithub.com/farbel
0fd0: 6f 75 73 2f 62 6f 6f 74 73 74 72 61 70 2d 63 6f  ous/bootstrap-co
0fe0: 6c 6f 72 70 69 63 6b 65 72 2f 62 6c 6f 62 2f 6d  lorpicker/blob/m
0ff0: 61 73 74 65 72 2f 2e 67 69 74 68 75 62 2f 43 4f  aster/.github/CO
1000: 4e 54 52 49 42 55 54 49 4e 47 2e 6d 64 29 20 0a  NTRIBUTING.md) .
1010: 62 65 66 6f 72 65 20 73 65 6e 64 69 6e 67 20 61  before sending a
1020: 20 70 75 6c 6c 20 72 65 71 75 65 73 74 20 6f 72   pull request or
1030: 20 69 73 73 75 65 2e 0a 0a 23 23 20 4c 69 63 65   issue...## Lice
1040: 6e 73 65 0a 54 68 65 20 4d 49 54 20 4c 69 63 65  nse.The MIT Lice
1050: 6e 73 65 20 28 4d 49 54 29 2e 0a 50 6c 65 61 73  nse (MIT)..Pleas
1060: 65 20 73 65 65 20 74 68 65 20 5b 4c 69 63 65 6e  e see the [Licen
1070: 73 65 20 46 69 6c 65 5d 28 68 74 74 70 73 3a 2f  se File](https:/
1080: 2f 67 69 74 68 75 62 2e 63 6f 6d 2f 66 61 72 62  /github.com/farb
1090: 65 6c 6f 75 73 2f 62 6f 6f 74 73 74 72 61 70 2d  elous/bootstrap-
10a0: 63 6f 6c 6f 72 70 69 63 6b 65 72 2f 62 6c 6f 62  colorpicker/blob
10b0: 2f 6d 61 73 74 65 72 2f 4c 49 43 45 4e 53 45 29  /master/LICENSE)
10c0: 20 66 6f 72 20 6d 6f 72 65 20 69 6e 66 6f 72 6d   for more inform
10d0: 61 74 69 6f 6e 2e 0a 0a 23 23 20 43 72 65 64 69  ation...## Credi
10e0: 74 73 0a 0a 57 72 69 74 74 65 6e 20 61 6e 64 20  ts..Written and 
10f0: 6d 61 69 6e 74 61 69 6e 65 64 20 62 79 20 5b 4a  maintained by [J
1100: 61 76 69 20 41 67 75 69 6c 61 72 5d 28 68 74 74  avi Aguilar](htt
1110: 70 73 3a 2f 2f 69 74 73 6a 61 76 69 2e 63 6f 6d  ps://itsjavi.com
1120: 29 20 61 6e 64 20 61 6c 6c 20 6f 74 68 65 72 20  ) and all other 
1130: 63 6f 6e 74 72 69 62 75 74 6f 72 73 2e 0a 0a 2a  contributors...*
1140: 42 61 73 65 64 20 6f 6e 20 53 74 65 66 61 6e 20  Based on Stefan 
1150: 50 65 74 72 65 27 73 20 63 6f 6c 6f 72 20 70 69  Petre's color pi
1160: 63 6b 65 72 20 28 32 30 31 33 29 2e 2a 0a 0a 2a  cker (2013).*..*
1170: 54 68 61 6e 6b 73 20 74 6f 20 4a 65 74 42 72 61  Thanks to JetBra
1180: 69 6e 73 20 66 6f 72 20 73 75 70 70 6f 72 74 69  ins for supporti
1190: 6e 67 20 74 68 69 73 20 70 72 6f 6a 65 63 74 2e  ng this project.
11a0: 2a 0a                                            *.