RGB HEX CUBE

Overview: "RGB CUBE" is a mesmerizing algorithmic creation that transforms the vast spectrum of web colors into a tangible, three-dimensional form. This digital masterpiece takes HEXadecimal color codes, which are essentially numerical representations of colors, and transforms them into a visually captivating experience that you can print, cut out, and fold into a cube. Here's a deeper dive into the inspiration and execution of this unique project:

HEXadecimal Color Codes: At its core, "RGB CUBE" revolves around the concept that HEXadecimal color codes are, in essence, just numbers. These numbers serve as a language through which we communicate with our screens, instructing them on which colors to display. The range of these numbers spans from 0 (00 00 00) to 16,777,215 (FF FF FF), encompassing a breathtaking array of colors. Online, we encounter these colors in the format of hashtags, like #F44CD7.

Exploring the Color Spectrum: The concept behind "RGB CUBE" was to methodically iterate through these colors (numbers) using a loop. This journey through the color spectrum takes into account the entire RGB color space. Instead of merely painting a flat canvas of colors, this project adds a dimension by generating a foldable cube. The result is a captivating and tactile representation of the color spectrum, inviting you to physically engage with the world of web colors.

Experience the RGB CUBE: You can experience the mesmerizing output of this algorithmic creation by visiting the following output.

OUTPUT

https://ibulla.com/rgb-algorithm-cube.php

https://ibulla.com/i/assets/img/rgb-cube-pdf.pdf

"RGB CUBE" is a testament to the fusion of art, mathematics, and interactivity. It transforms the abstract world of digital colors into a tangible, artistic experience, allowing you to hold and appreciate the full range of web colors in the palm of your hand. It's a celebration of the beauty and complexity hidden within the seemingly simple language of color codes.

WEBSEED

https://ibulla.com/x_stuff-Mai2012/rgb_cube.php

CODE

> result: https://ibulla.com/i/assets/scripts/rgb-hex-cube.php

<?php
/**
 * Project: RGB HEX CUBE
 * Author: Marco Spitzbarth
 * Date: 15. Mai, 2012
 * Website: https://ibulla.com/rgb-algorithm-cube.php
 * Description: create an rgb cube from 00 fo FF
 * Version: 1.0
 *
 * Copyright (c) 2012, Marco Spitzbarth
 * All Rights Reserved.
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy of
 * this software and associated documentation files (the "Software"), to deal in
 * the Software without restriction, including without limitation the rights to
 * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
 * the Software, and to permit persons to whom the Software is furnished to do so,
 * subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
 * INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
 * PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
 * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
 * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
 * SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */

function RGB_CUBE($rgb){
  $printer = "<div class='bigbox'>";
    switch($rgb){
      case 0:
      for ($z=255; $z>=16; $z=$z-16){
      for ($x=255; $x>=16; $x=$x-16){
      $r = str_pad(dechex($z),2);
      $g = str_pad(dechex($x),2);
      $b = "00";
      $hex_color =$r.$g.$b;
      $printer.= "<div class='pixel' style='background-color:#".$hex_color.";'></div>";
      }}
      break;
      case 1:
      for ($z=255; $z>=16; $z=$z-16){
      for ($x=16; $x<=255; $x=$x+16){
      $r = str_pad(dechex($z),2);
      $g = "00";
      $b = str_pad(dechex($x),2);
      $hex_color =$r.$g.$b;
      $printer.= "<div class='pixel' style='background-color:#".$hex_color.";'></div>";
      }}
      break;
      case 2:
      for ($z=16; $z<=255; $z=$z+16){
      for ($x=255; $x>=16; $x=$x-16){
      $r = "00";
      $g = str_pad(dechex($x),2);
      $b = str_pad(dechex($z),2);
      $hex_color =$r.$g.$b;
      $printer.= "<div class='pixel' style='background-color:#".$hex_color.";'></div>";
      }}
      break;
    }
  $printer.= "</div>";
  return $printer;
}
$cube = "";
for ($i=0;$i<3;$i++){
  $cube.= "<div style='float:left;'>".RGB_CUBE($i)."</div>";
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>RGB CUBE</title>
    <style>
        .bigbox {
            width: 315px; /* Set the body width to 800px */
            height: 315px;
            padding: 0px;
            margin: 0px;
        }
        .pixel {
            float: left;
            width: 20px;
            height: 20px;
            padding: 0px;
            overflow: auto;
            margin: 0px 1px 1px 0px;
        }
        .wrap{
          width: 630px;
        }
    </style>
</head>
<body>
  <div class="wrap">
    <?php
    echo $cube;
    ?>
  </div>
</body>
</html>