phpjsJqueryhtmlcssblog

рандомный цвет получаем в 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 : #39a579

Скопировать ссылку



Как вывести рандомный цвет 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.

Скопировать ссылку



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

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

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

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

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

#83b56d

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

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

Еще никто не прокомментировал! COMMENTS+   BBcode

Подписаться + =

---