Sarverott · December 18, 2023 01:36
diff --git a/_color-pallet-test-for-sorting-evaluation.html b/_color-pallet-test-for-sorting-evaluation.html
 <!DOCTYPE html>
 <html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>test of color pallet printing</title>
  </head>
  <body>
    <!-- styles -->
    <style>

      div div{
        display:inline-block;
        width:1px !important;
        height:100px !important;
      }
    </style>
    <!-- target div  -->
    <h1>test1</h1>
    <div id="test1"></div>
    <h1>test2</h1>
    <div id="test2"></div>
    <h1>test3</h1>
    <div id="test3"></div>
    <h1>test4</h1>
    <div id="test4"></div>
    <!-- script -->
    <script>
      function hexingForStyle(int, ciphers){
        var out="";
        for(var i=1; i<ciphers; i++){
          if(int<hexingMax(i))out+="0"
        }
        out+=int.toString(16);
        return out;
      }
      function hexingMax(ciphers){
        return (2**4)**ciphers;
      }
      function getColorPallet(ciphers=3){
        for(var i=0;i<hexingMax(ciphers);i++){
          var hexstring=hexingForStyle(i, ciphers);
          printTest("#test1", hexstring);
          printTest("#test2", hexstring.split("").reverse().join(""));
          printTest("#test3", hexstring.charAt(1)+hexstring.charAt(2)+hexstring.charAt(0));
          printTest("#test4", hexstring.charAt(2)+hexstring.charAt(0)+hexstring.charAt(1));
        }
      }
      function printTest(selector, color){
        document.querySelector(selector).innerHTML+=`<div style="background:#${color}"></div>`;
      }
      getColorPallet();
    </script>

  </body>
 </html>
	<!DOCTYPE html>
	<html lang="en" dir="ltr">
	<head>
	<meta charset="utf-8">
	<title>test of color pallet printing</title>
	</head>
	<body>
	<!-- styles -->
	<style>

	div div{
	display:inline-block;
	width:1px !important;
	height:100px !important;
	}
	</style>
	<!-- target div -->
	<h1>test1</h1>
	<div id="test1"></div>
	<h1>test2</h1>
	<div id="test2"></div>
	<h1>test3</h1>
	<div id="test3"></div>
	<h1>test4</h1>
	<div id="test4"></div>
	<!-- script -->
	<script>
	function hexingForStyle(int, ciphers){
	var out="";
	for(var i=1; i<ciphers; i++){
	if(int<hexingMax(i))out+="0"
	}
	out+=int.toString(16);
	return out;
	}
	function hexingMax(ciphers){
	return (24)ciphers;
	}
	function getColorPallet(ciphers=3){
	for(var i=0;i<hexingMax(ciphers);i++){
	var hexstring=hexingForStyle(i, ciphers);
	printTest("#test1", hexstring);
	printTest("#test2", hexstring.split("").reverse().join(""));
	printTest("#test3", hexstring.charAt(1)+hexstring.charAt(2)+hexstring.charAt(0));
	printTest("#test4", hexstring.charAt(2)+hexstring.charAt(0)+hexstring.charAt(1));
	}
	}
	function printTest(selector, color){
	document.querySelector(selector).innerHTML+=`<div style="background:#${color}"></div>`;
	}
	getColorPallet();
	</script>

	</body>
	</html>