Hướng dẫn php random rgb color - php màu rgb ngẫu nhiên

Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách tạo màu RGB hoặc HEX ngẫu nhiên bằng PHP.

Một màu RGB bao gồm ba giá trị số.

Các giá trị này đại diện cho màu đỏ (r), màu xanh lá cây (g) và xanh dương (b). Hơn nữa, những con số này có thể nằm trong khoảng từ 0 đến 255.

Điều đó & nbsp; có nghĩa là chúng ta có thể tạo ra một giá trị RGB ngẫu nhiên như vậy:

$rgbColor = array();

//Create a loop.
foreach(array('r', 'g', 'b') as $color){
    //Generate a random number between 0 and 255.
    $rgbColor[$color] = mt_rand(0, 255);
}

var_dump($rgbColor);

Nếu bạn chạy mã PHP ở trên, bạn sẽ thấy rằng nó tạo ra một mảng chứa ba giá trị RGB được tạo ngẫu nhiên.

Để sử dụng màu ngẫu nhiên này, bạn có thể tham gia ba giá trị mảng với nhau và sau đó in chúng ra trang.

Ví dụ: hãy để nói rằng bạn muốn tạo một màu nền ngẫu nhiên cho một phần tử div:

);"> Random Color!

Nếu bạn chạy mã ở trên và làm mới trang web của bạn, bạn sẽ thấy rằng nó thay đổi mỗi lần.

Chuyển đổi RGB thành Hex bằng PHP.

Nếu bạn là một nhà phát triển hoặc thiết kế web, thì bạn có thể thoải mái hơn khi sử dụng Hex Colors so với RGB.

Để tạo màu HEX ngẫu nhiên với PHP, chúng ta sẽ cần chuyển đổi các giá trị RGB của mình thành các giá trị hex tương ứng của chúng.

Để làm điều này, chúng ta có thể sử dụng hàm Dechex, chuyển đổi các giá trị thập phân thành thập lục phân:

$hex = '#';

//Create a loop.
foreach(array('r', 'g', 'b') as $color){
    //Random number between 0 and 255.
    $val = mt_rand(0, 255);
    //Convert the random number into a Hex value.
    $dechex = dechex($val);
    //Pad with a 0 if length is less than 2.
    if(strlen($dechex) < 2){
        $dechex = "0" . $dechex;
    }
    //Concatenate
    $hex .= $dechex;
}

//Print out our random hex color.
echo $hex;

Như bạn có thể thấy, chúng tôi chỉ cần mở rộng logic trong ví dụ đầu tiên của chúng tôi bằng cách chuyển đổi số nguyên ngẫu nhiên thành đại diện thập lục phân của nó.

Đây là một chức năng tùy chỉnh mà bạn có thể sao chép vào dự án của mình:

function randomColor(){
    $result = array('rgb' => '', 'hex' => '');
    foreach(array('r', 'b', 'g') as $col){
        $rand = mt_rand(0, 255);
        $result['rgb'][$col] = $rand;
        $dechex = dechex($rand);
        if(strlen($dechex) < 2){
            $dechex = '0' . $dechex;
        }
        $result['hex'] .= $dechex;
    }
    return $result;
}

$myColor = randomColor();
var_dump($myColor);

Hàm ở trên sẽ tạo ra một màu ngẫu nhiên ở cả hai định dạng và sau đó trả lại trong một mảng.

Điều này dựa trên rất nhiều phiên bản @galen ở trên, tuy nhiên, tôi muốn thêm điều khiển phạm vi có thể giới hạn màu được tạo ra là màu đỏ, xanh lá cây, xanh dương, sáng hơn hoặc tối hơn. Nó có thể được sử dụng cho người khác.

function random_colour_part($lower, $upper)
{
    //randomly select colour in range and convert to hexidecimal
    return str_pad(dechex(mt_rand($lower, $upper)), 2, '0', STR_PAD_LEFT);
}

function random_colour($colour)
{
    //loop through colour
    foreach ($colour as $key => $value)
    {
        //retrieve each r,g,b colour range and generate random hexidecimal colour
        if ($key == "r") $r = random_colour_part($value[0], $value[1]);
        if ($key == "g") $g = random_colour_part($value[0], $value[1]);
        if ($key == "b") $b = random_colour_part($value[0], $value[1]);
    }

    //return hexidecimal colour
    return "#" . $r . $g . $b;
}

//generate a random red-based colour
echo random_colour(["r"=>[0,255], "g"=>[0,0], "b"=>[0,0]]);

//generate a random light green-based colour (use only half of the 255 range)
echo random_colour(["r"=>[0,0], "g"=>[127,255], "b"=>[0,0]]);

//generate a random colour of any sort
echo random_colour(["r"=>[0,255], "g"=>[0,255], "b"=>[0,255]]);

Php màu ngẫu nhiên với các ví dụ mã

Trong phiên này, chúng tôi sẽ thử giải quyết câu đố PHP màu ngẫu nhiên bằng cách sử dụng ngôn ngữ máy tính. Mã theo sau phục vụ để minh họa điểm này.

echo '#' . substr(str_shuffle('ABCDEF0123456789'), 0, 6);

Dưới đây là danh sách các phương pháp khác nhau có thể được thực hiện để giải quyết vấn đề PHP màu ngẫu nhiên.

"">

Sử dụng nhiều ví dụ, chúng tôi đã học được cách giải quyết vấn đề PHP màu ngẫu nhiên.

Làm thế nào để đặt màu ngẫu nhiên trong PHP?

PHP $ rand = mảng ('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'B', 'c', 'd', 'e', ​​'f'); $ color = '#'. $ rand [rand (0,15)]. 15 tháng 8 năm 2010

Làm cách nào để tạo màu ngẫu nhiên trong JavaScript?

  • function GeneraterAndomColor () {
  • Đặt maxVal = 0xffffff; // 16777215.
  • Đặt RandomNumber = Math. ngẫu nhiên () * MaxVal;
  • RandomNumber = Math. tầng (ngẫu nhiên);
  • RandomNumber = RandomNumber. ToString (16);
  • Đặt randcolor = RandomNumber. Padstart (6, 0);
  • Trả về `#$ {randColor. toupppercase ()} `
  • }

Làm cách nào để tạo màu ngẫu nhiên trong HTML?

var RandomColor = Math. Tầng (Toán. ngẫu nhiên ()*16777215) .19-FEB-2020

Làm cách nào để tạo một màu nền ngẫu nhiên trong HTML?

  • function ngẫu nhiên_bg_color () {
  • var x = toán học. tầng (toán học. ngẫu nhiên () * 256);
  • var y = toán học. tầng (toán học. ngẫu nhiên () * 256);
  • var z = toán học. tầng (toán học. ngẫu nhiên () * 256);
  • var bgcolor = "rgb (" + x + "," + y + "," + z + ")";
  • Bảng điều khiển. log (bgcolor);
  • tài liệu. thân hình. Phong cách. nền = bgcolor;
  • }

Làm cách nào để tạo màu ngẫu nhiên trong HTML?

var RandomColor = Math. Tầng (Toán. ngẫu nhiên ()*16777215) .19-FEB-2020

Làm cách nào để tạo một màu nền ngẫu nhiên trong HTML?

function ngẫu nhiên_bg_color () {

var x = toán học. tầng (toán học. ngẫu nhiên () * 256);

var y = toán học. tầng (toán học. ngẫu nhiên () * 256);

  • var z = toán học. tầng (toán học. ngẫu nhiên () * 256);
  • var bgcolor = "rgb (" + x + "," + y + "," + z + ")";
  • Bảng điều khiển. log (bgcolor);
  • tài liệu. thân hình. Phong cách. nền = bgcolor;
  • }
  • Làm cách nào để tạo màu ngẫu nhiên trong HTML?
  • var RandomColor = Math. Tầng (Toán. ngẫu nhiên ()*16777215) .19-FEB-2020

Làm cách nào để tạo một màu nền ngẫu nhiên trong HTML?

function ngẫu nhiên_bg_color () {

var x = toán học. tầng (toán học. ngẫu nhiên () * 256);

var y = toán học. tầng (toán học. ngẫu nhiên () * 256);

Làm thế nào để bạn tạo ra một số ngẫu nhiên trong JavaScript?

JavaScript tạo ra các số giả ngẫu nhiên với toán học chức năng. ngẫu nhiên() . Hàm này không có tham số và tạo số thập phân ngẫu nhiên từ 0 đến 1. Giá trị trả về có thể là 0, nhưng nó sẽ không bao giờ là 1.16-tháng 4 năm 2021