JSFiddle - React, Tailwind, and code Playground

by social_quotient

HTML

<script language="javascript" type="text/javascript">

function html2ios() {
    
    var color = document.getElementById("htmlcolor").value;
    var hred = parseInt(color.substring(0,2), 16);
    var hgreen = parseInt(color.substring(2,4), 16);
    var hblue = parseInt(color.substring(4,6), 16);
    
    var output = "[UIColor colorWithRed:" + (hred / 255.0) + " green:" + (hgreen/255.0) + " blue:" + (hblue/255.0) + " alpha:1.0]; "
    
    document.getElementById("output").innerHTML = output;
    
}

</script>
<label for="htmlcolor">HTML color in hexadecimal :</label><br /><input type="text" name="htmlcolor" id="htmlcolor"><br />
<input type="button" onclick="javascript:html2ios();" value="convert">
<div id="output"></div>