{"id":545,"date":"2024-06-05T12:35:27","date_gmt":"2024-06-05T05:35:27","guid":{"rendered":"https:\/\/aksesia.com\/tools\/?p=545"},"modified":"2024-12-07T12:33:08","modified_gmt":"2024-12-07T05:33:08","slug":"color-picker-from-image","status":"publish","type":"post","link":"https:\/\/aksesia.com\/tools\/color-picker-from-image","title":{"rendered":"Color Picker From Image: Ambil Sampel Warna Dari Gambar"},"content":{"rendered":"\n<link rel=\"stylesheet\" href=\"https:\/\/aksesia.com\/wp-content\/themes\/moderntools\/assets\/css\/color-picker-image-v2.css\" type=\"text\/css\">\n\n<div id=\"aksesia_tools\">\n<div class=\"aksesia-tools-top\">\n<\/div>\n<div class=\"color-picker-image\">\n\n<div class=\"upload_conten\">\n<form action=\"#\">\n<label for=\"upload_file\" class=\"file-upload-label\">\n<div class=\"file-upload-border\">\n<svg viewBox=\"0 0 640 512\" height=\"1em\">\n<path d=\"M144 480C64.5 480 0 415.5 0 336c0-62.8 40.2-116.2 96.2-135.9c-.1-2.7-.2-5.4-.2-8.1c0-88.4 71.6-160 160-160c59.3 0 111 32.2 138.7 80.2C409.9 102 428.3 96 448 96c53 0 96 43 96 96c0 12.2-2.3 23.8-6.4 34.6C596 238.4 640 290.1 640 352c0 70.7-57.3 128-128 128H144zm79-217c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l39-39V392c0 13.3 10.7 24 24 24s24-10.7 24-24V257.9l39 39c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-80-80c-9.4-9.4-24.6-9.4-33.9 0l-80 80z\"><\/path>\n<\/svg>\n<p>Drag and Drop<\/p>\n<p>or<\/p>\n<span class=\"browse-button\">Browse file<\/span>\n<input id=\"upload_file\" type=\"file\" \/>\n<\/div>\n<\/label>\n<\/form>\n<\/div>\n\n<div class=\"show_conten\" style=\"display:none\" >\n<div class=\"image-conten\">\n<canvas width=\"500\" height=\"250\" id=\"canvas_picker\"><\/canvas>\n<div id=\"marker\" ><div id=\"marker2\"><\/div><\/div>\n<\/div>\n\n<div class=\"button-wrap middle\">\n<button onclick=\"location.reload()\" class=\"result_btn\">Upload Ulang<\/button>\n<button onclick=\"pincolor()\" class=\"result_btn\">Tambahkan Ke Palet<\/button>\n<\/div>\n\n<div class=\"result-description\">\n\n<div class=\"parameter\">\n<input type=\"range\" class=\"coordinate coorX\" min=\"0\" onchange=\"getDataColor()\" style=\"width: 100%;\" \/>\n<span>Coordinate X: <\/span>\n<input type=\"number\" id=\"Inp-X\" class=\"form-control mini\" min=\"0\" onchange=\"InpCoorXY()\" \/>\n<input type=\"range\" class=\"coordinate coorY\" min=\"0\" onchange=\"getDataColor()\" style=\"width: 100%;\" \/>\n<span>Coordinate Y: <\/span>\n<input type=\"number\" id=\"Inp-Y\" class=\"form-control mini\" min=\"0\" onchange=\"InpCoorXY()\" \/>\n<\/div>\n\n<div class=\"color-output\">\n<div class=\"color-code\">\n<input type=\"text\" class=\"form-control RGB\" name=\"RGB\" value=\"rgb(255, 255, 255)\" readonly \/>\n<input type=\"text\" class=\"form-control HEX\" name=\"HEX\" value=\"#000101\" readonly \/>\n<\/div>\n<div class=\"print-color\"><\/div>\n<div class=\"print-palette\"><\/div>\n<\/div>\n\n<\/div>\n\n<\/div><!-- showconten end -->\n<\/div>\n<\/div>\n\n<div id=\"notif_Clipboard\"><\/div>\n\n<script src=\"https:\/\/aksesia.com\/wp-content\/themes\/moderntools\/assets\/js\/color-picker-image-v2.js\"><\/script>\n","protected":false},"excerpt":{"rendered":"<p>Drag and Drop or Browse file Upload Ulang Tambahkan Ke Palet Coordinate X: Coordinate Y:<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[44,41,46],"tags":[],"class_list":["post-545","post","type-post","status-publish","format-standard","hentry","category-palet-warna","category-generator","category-pengelola-gambar"],"_links":{"self":[{"href":"https:\/\/aksesia.com\/tools\/wp-json\/wp\/v2\/posts\/545","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aksesia.com\/tools\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/aksesia.com\/tools\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/aksesia.com\/tools\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aksesia.com\/tools\/wp-json\/wp\/v2\/comments?post=545"}],"version-history":[{"count":4,"href":"https:\/\/aksesia.com\/tools\/wp-json\/wp\/v2\/posts\/545\/revisions"}],"predecessor-version":[{"id":666,"href":"https:\/\/aksesia.com\/tools\/wp-json\/wp\/v2\/posts\/545\/revisions\/666"}],"wp:attachment":[{"href":"https:\/\/aksesia.com\/tools\/wp-json\/wp\/v2\/media?parent=545"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aksesia.com\/tools\/wp-json\/wp\/v2\/categories?post=545"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/aksesia.com\/tools\/wp-json\/wp\/v2\/tags?post=545"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}