HTML DOM Input Color value Property

HTML DOM Input Color value property रंग इनपुट (type="color") के value attribute का मान दर्शाने वाला string लौटाता है। यह हेक्साडेसिमल रंग कोड (जैसे #ff0000) होता है। उपयोगकर्ता इसे नए रंग मान पर सेट भी कर सकता है।

Syntax

रंग मान प्राप्त करना:

inputColorObject.value

रंग मान सेट करना:

inputColorObject.value = 'String'

उदाहरण

रंग पिकर का मान हरा (#00ff00) से लाल (#ff0000) में बदलना:

<!DOCTYPE html>
<html>
<head>
<title>Input Color Value</title>
</head>
<body>
<form id="formForColorsInput">
  प्राथमिक रंग: <input type="color" id="Color" name="primaryColor" value="#00ff00">
</form>
<button onclick="changeValue()">प्रकार प्राप्त करें और टेक्स्ट में बदलें</button>
<div id="divDisplay"></div>
<script>
  var inputColor = document.getElementById("Color");
  var divDisplay = document.getElementById("divDisplay");
  divDisplay.textContent = 'मान: ' + inputColor.value;
  function changeValue() {
    if (inputColor.value == '#00ff00') {
      inputColor.value = '#ff0000';
      divDisplay.textContent = 'मान: ' + inputColor.value;
    }
  }
</script>
</body>
</html>

आउटपुट

प्रारंभ में रंग पिकर हरा (#00ff00) दिखाता है। बटन क्लिक करने पर यह लाल (#ff0000) में बदल जाता है।

मुख्य बिंदु

value property हेक्साडेसिमल रंग कोड (#RRGGBB प्रारूप) लौटाता है
रंग मान हमेशा 7 अक्षरों का होता है: # उसके बाद 6 हेक्स अंक
डिफ़ॉल्ट रंग मान #000000 (काला) होता है यदि निर्दिष्ट नहीं किया गया
JavaScript से प्रोग्रामेटिकली रंग सेट कर सकते हैं
रंग पिकर UI ब्राउज़र और OS पर निर्भर करता है