Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
const $picker = $("#color-picker"); const $hex = $("#color-hex"); const $preview= $("#color-preview"); $picker.on("input change", function() { const val = this.value; $hex.val(val); $preview.css("background-color", val); }); $hex.on("input", function() { const val = this.value; if (/^#[0-9a-f]{6}$/i.test(val)) { $picker.val(val); $preview.css("background-color", val); } });
Result
Open