الصفحة الرئيسية
blogger

Share code lấy mã màu từ ảnh cho blog/website

code lấy mã màu từ ảnh, code get mã màu từ ảnh, get color code, công cụ lấy mã màu từ ảnh, lấy mã màu online, code lấy mã màu online, get color online

Hướng dẫn làm trang lấy mã màu từ ảnh cho blog/website

Chào mừng các bạn đã đến với bài viết tiếp theo của Code Pro. Đợt trước, mình có giới thiệu cho các bạn một công cụ lấy mã màu từ ảnh và hôm nay mình sẽ share code và hướng dẫn các bạn cách tạo công cụ lấy mã màu từ ảnh cho riêng mình luôn.

Share code lấy mã màu từ ảnh cho blog/website
Share code lấy mã màu từ ảnh cho blog/website

Không share thì kiểu gì các bạn cũng rip cho bằng được nên là thôi có cái gì mình cũng share hết =))

Source:

Copy toàn bộ code sau và thêm vào blog/website!

<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>

Lời kết

Trên đây là toàn bộ code lấy mã màu từ ảnh cho blog/website. Nếu có bất cứ thắc mắc hay khiếu nại về bản quyền hãy comment ngay phía dưới cho mình biết nhé. Chúc các bạn một ngày tốt lành!

Copyright © Code Pro
Sống hết mình !