Рандомный цвет получаем в php и в js и выводим!

"рандомный цвет" как получить рандомные цвета php? В javascript. Разберем код создания рандомных цветов! С примерами!

О рандомном цвете в php и js

1. Как вывести рандомный цвет php?
2. Как вывести рандомный цвет javascript?
3. генератор рандомных цветов онлайн?

Как вывести рандомный цвет php?

Для того, чтобы получить рандомный цвет через php - вам понадобится:

Для того, чтобы вывести рандомный цвет через php вам нужна функция, которая умеет это делать... о sprintf

Используем rand для получения чисел от 0 до 255(для получения RGB цвета) - примеры RGB цветов...

Далее преобразуем RGB цвет в Hex(например "#06abc4").

function random_html_color()

{

return sprintf( '#%02x%02x%02x', rand(0, 255), rand(0, 255), rand(0, 255) );

}

Далее выведем результат рандомного цвета на экран:

echo '<div style="background-color:'.random_html_color().'; width:100%; height:100px; margin:10px;"></div>';

Код php рандомного вывода цвета на экран:

Соберем весь код в одном месте:

<?

function random_html_color()

{

return sprintf( '#%02x%02x%02x', rand(0, 255), rand(0, 255), rand(0, 255) );

}

?>

Html

echo '<div style="background-color:'.random_html_color().'; width:100%; height:100px; margin:10px;"></div>';

Пример работы кода рандомного вывода цвета на экран:

Разместим здесь выше приведенный код "рандомного цвета" прямо здесь:

Для того, чтобы ваш рандомный цвет изменился на такой же рандомный перезагрузите страницу!

Рандомный цвет php : #9eb2c4




Как вывести рандомный цвет javascript?

Поскольку выше пример был сделан в рандомном цвете Hex, то в этом примере оставим цвета RGB. Для того, чтобы вывести рандомный цвет в javascript вам понадобится:

Примерно такой же алгоритм вывода и получения "рандомного цвета js".

Напишем функцию js которая будет получать рандомный цвет в js:

function randomColor()

{

color='rgb('+Math.round(Math.random()*255)+', '+Math.round(Math.random()*255)+', '+Math.round(Math.random()*255)+')';

return color;

}

Далее нам понадобится элемент, пусть это будет div с уникальным id

<div id=get_color></div>

Отправим туда стили вместе с рандомным цветом:

get_color. style = "background-color:" + color + "; width:100%; height:100px; margin:10px;";

Код рандомного цвета в javascript

Соберем весь код рандомного цвета:

<script>

function randomColor()

{

color='rgb('+Math.round(Math.random()*255)+' , '+Math.round(Math.random()*255)+' , '+Math.round(Math.random()*255)+')';

return color;

}

get_color. style = "background-color:" + randomColor() + "; width:100%; height:100px; margin:10px;";

Рандомный цвет через javascript

Нам остается вывести выше приведенный код получения рандомного цвета с помощью javascript.




Генератор рандомных цветов онлайн?

Выше были приведенный коды в двух языках программирования, которые вым могут служить генератором случайных/рандомных цветов!

Если вам не понравился сгенерированный рандомный цвет онлайн, то просто перезагружаем страницу!

Генератор рандомных цветов онлайн.

Сгенерированный рандомный цвет генератором рандомных цветов онлайн(теория):

#7b52bf

Генерация рандомных цветов прямо здесь онлайн.

Сгенерированный рандомный цвет генератором рандомных цветов онлайн(теория):