Advertisement
b7334957

PHP Random Color - array and function

Aug 31st, 2019
202
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 1.49 KB | None | 0 0
  1. <style>
  2. div {
  3.     padding:20px;
  4.     margin: 5px 0;
  5.     color:#333;
  6. }
  7. hr {
  8.     border:none;
  9.     height: 1px;
  10.     background-color:#222;
  11.     margin: 25px 0;
  12. }
  13. </style>
  14.  
  15. <h1 style="color:Tomato;">Random Color > array</h1>
  16.  
  17. <?php
  18. $rgbColor = array();
  19.  
  20. //Create a loop.
  21. foreach(array('r', 'g', 'b') as $color){
  22.     //Generate a random number between 0 and 255.
  23.     $rgbColor[$color] = mt_rand(0, 255);
  24. }
  25. echo "<pre>\n";
  26. var_dump($rgbColor);
  27. echo "</pre>";
  28. ?>
  29.  
  30. <div style="background-color: rgb(<?= implode(",", $rgbColor); ?>);">
  31.     Random Color!
  32. </div>
  33.  
  34. <hr/>
  35.  
  36. <h1 style="color:Tomato;">Random Color > function</h1>
  37.  
  38. <?php
  39. function randomColor() {
  40.     $str = '#';
  41.     for($i = 0 ; $i < 6 ; $i++) {
  42.         $randNum = rand(0 , 15);
  43.         switch ($randNum) {
  44.             case 10: $randNum = 'A'; break;
  45.             case 11: $randNum = 'B'; break;
  46.             case 12: $randNum = 'C'; break;
  47.             case 13: $randNum = 'D'; break;
  48.             case 14: $randNum = 'E'; break;
  49.             case 15: $randNum = 'F'; break;
  50.         }
  51.         $str .= $randNum;
  52.     }
  53.     return $str;
  54. }
  55. $color = randomColor();
  56. ?>
  57.  
  58. <h3><?php echo $color;?></h3>
  59.  
  60. <div style="background-color: <?php echo $color;?>;">
  61.     <?php echo $color;?>
  62. </div>
  63.  
  64. <hr/>
  65.  
  66. <h1 style="color:Tomato;">Random Color > function > for</h1>
  67.  
  68. <?php
  69. for ($x = 1; $x <= 25; $x++) {
  70.     $color = randomColor();
  71.     echo '<div style="background-color:'. $color .'">'. $x .' '.$color .'</div>'."\n";
  72. }
  73. ?>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement