Blogger Fotoğrafdan Renk Kodunu Alma

Blogger'a yüklediğiniz fotoğrafın renklerinden renk kodunu almak için aşağıda ki kodu kullanarak yapabilirsiniz.

      <link rel="stylesheet" href="https://cdn.leanhduc.pro.vn/utilities/animation/button-ver-1.0/style.css"/>
<link rel="stylesheet" href="https://cdn.leanhduc.pro.vn/utilities/get-color-code/style.css"/>
<div id="insertcolor" style="width:100%;">
	<input style="float:left;" id="uploadImage" type="file" name="myPhoto" onchange="loadImageFile();"/>
	<button onclick="myFunction()" class="codepro-custom-btn codepro-btn-13">Hiện</button>
</div>
<div style="width:100%;height:302px;position: relative;background-color: #EEE;">
	<canvas id="myCanvas" width="600" height="300" style="border:1px solid #d3d3d3;border-right:0;position: absolute; left: 0; top: 0; z-index: 0;"></canvas>
	<canvas id="pixCanvas" width="150" height="150" style="border:1px solid #d3d3d3;position: absolute; right: 0; top: 0; z-index: 0;"></canvas>
	<div id="barvadiv" style="border:25px solid #d3d3d3;height:150px;width:152px;background-color:#d3d3d3;position: absolute; right: 0; top: 152px; z-index: 0;"></div>
</div>
<div id="insertcolor" style="width:100%;"><input type="text" maxlength="7" id="pixcolor" name="pixcolor" style="width:120px;" onclick="this.select()" readonly="readonly"></div>
<img alt="Image preview" id="slika" src="data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%3F%3E%0A%3Csvg%20width%3D%22153%22%20height%3D%22153%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%20%3Cg%3E%0A%20%20%3Ctitle%3ENo%20image%3C/title%3E%0A%20%20%3Crect%20id%3D%22externRect%22%20height%3D%22150%22%20width%3D%22150%22%20y%3D%221.5%22%20x%3D%221.500024%22%20stroke-width%3D%223%22%20stroke%3D%22%23666666%22%20fill%3D%22%23e1e1e1%22/%3E%0A%20%20%3Ctext%20transform%3D%22matrix%286.66667%2C%200%2C%200%2C%206.66667%2C%20-960.5%2C%20-1099.33%29%22%20xml%3Aspace%3D%22preserve%22%20text-anchor%3D%22middle%22%20font-family%3D%22Fantasy%22%20font-size%3D%2214%22%20id%3D%22questionMark%22%20y%3D%22181.249569%22%20x%3D%22155.549819%22%20stroke-width%3D%220%22%20stroke%3D%22%23666666%22%20fill%3D%22%23000000%22%3E%3F%3C/text%3E%0A%20%3C/g%3E%0A%3C/svg%3E" style="display:none" />
<br/>
<script language="javascript" src="https://cdn.leanhduc.pro.vn/utilities/get-color-code/main.js"></script>
  

DEMO SAYFASI

Go to Link

© Serkan Kod Editörü