Hướng dẫn tạo công cụ lấy mã màu [Get Color Code] cho Blogger
Xin chào các bạn, lang thang trên Internet và mình thấy có cái tool này khá là hay đó là tool Get Color Code, tức là lấy mã màu từ một hình ảnh bất kỳ,
Cách thực hiện rất đơn giản
Bước 1: Bạn hãy tạo một trang mới và chuyển qua chế độ soạn HTML
Bước 2: Dán toàn bộ code bên dưới vào => lưu lại
<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>
Chúc các bạn thành công !