Есть функция, которая возвращает случайно сгенерированный цвет в фомрмате #001122. Используя функцию нужно добавить для каждого параграфа рамку случайного цвета. Как добавить эту рамку?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Possimus quam est debitis. Architecto quas asperiores blanditiis a fugiat impedit eum dolorem cum rerum dolorum iste amet, ratione assumenda expedita maiores?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore eligendi nemo est? Unde, doloribus, magnam necessitatibus eos quia aliquam eaque quis aspernatur placeat sequi autem officiis, modi a exercitationem totam.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Commodi doloremque magni ut corporis, perspiciatis tempore in, accusantium suscipit nemo quod saepe. Autem laudantium adipisci nemo magni repudiandae repellat error. Dolore?
Отслеживать
задан 1 дек 2021 в 10:19
131 1 1 серебряный знак 12 12 бронзовых знаков
к параграфам добавить класс, а в js, с помощью, например, конкатенации или подстановки «приклеивать» полученный цвет
Как сделать случайный цвет у div?
Здравствуйте, подскажите как реализовать JavaScript-м генерацию случайного цвета. Дело в том что при клике на кнопку появляется div и он должен всегда быть разного (случайного) цвета! как такое можно реализовать? спасибо.
Вопрос задан более трёх лет назад
21734 просмотра
Комментировать Решения вопроса 3
Сергей Соколов @sergiks Куратор тега JavaScript
Ответ написан более трёх лет назад
Нравится 4 1 комментарий
Зачем добавлять ‘000000’?
Ответ написан более трёх лет назад
Нравится 1 3 комментария
AlexFo90 @AlexFo90 Автор вопроса
Спасибо круто. А со случайным размером то же примерно?
AlexFo90 @AlexFo90 Автор вопроса
Спасибо, вы гений.
1. с просторов интернета col = Math.round(255.0*Math.random()); r = col.toString(16); col = Math.round(255.0*Math.random()); g=col.toString(16); col = Math.round(255.0*Math.random()); d=col.toString(16); col=r+g+d; return col; >
2. случайный цвет = зло для посетителей
Ответ написан более трёх лет назад
То ли я молодец, то ли лыжи не едут.. Зачем каждый раз пересоздавать col? Мб легче было бы прописать все функции в р, г, б? Если ошиблась в терминах, поправьте, пожалуйста
Рандомный цвет с JavaScript
Получение рандомного цвета можно добиться с помощью плагина написанного на JavaScript, но это не обязательно. Так же я расскажу и про другие способы получения случайного цвета.
Демо
Для демо я использовал однострочный вариант, чтобы показать как данный снипет генерирует рандомные цвета.
Я использовал функцию setInterval() , которая запускает что-либо с определенным интервалом, например каждый три секунды.
Внутри setInterval() я использую функцию, которую я написал в примере выше, чтобы генерировать новые цвета для заднего фона сайта.
Однострочный вариант
Ниже написан один из вариантов однострочного получения случайного цвета в JavaScript.
function generateColor()
Например, вы можете прописать $color = generateColor() и теперь переменная $color будет иметь рандомный цвет.
Плагин randomColor
Так же есть замечательный плагин, который называется randomColor. Примеры того как он работает и документацию вы можно найти тут.
Генератор цветовой палитры
Цветовые палитры CSS для классных цветовых комбинаций и элементов пользовательского интерфейса
яркие цвета
винтажные цвета
серые цвета
гладкие цвета
сделай больше
Что такое цветовая палитра?
Цветовая палитра — это набор цветов, которые хорошо сочетаются друг с другом. Цветовые палитры часто используются для создания чего-то с единообразным внешним видом. Цветовые палитры используются дизайнерами логотипов, графическими дизайнерами, иллюстраторами, веб-разработчиками и другими художниками. Хорошая цветовая палитра является основой профессионального визуального дизайна.
Как сделать цветовую палитру?
Цветовая палитра часто оформляется вручную. Часто опытный дизайнер или художник выбирает цвета, которые хорошо сочетаются. За годы работы с разными цветами у них есть опыт, чтобы узнать, какие цвета хорошо сочетаются друг с другом и эстетически приятны. Тем не менее, выбор хорошей цветовой палитры может быть трудным. К счастью, компьютерные алгоритмы могут помочь с этим.
Автоматически генерировать цветовые палитры
Этот генератор цветовой палитры автоматически выбирает цвета, которые хорошо смотрятся вместе. Наш генератор цветовой палитры использует алгоритмы цветовой палитры нашего производителя логотипов My Brand New Logo, который автоматически создает красивые и хорошо сбалансированные цветовые палитры. За кулисами скрывается множество исследований цвета, и все палитры полностью созданы компьютером.
Использование цветовой палитры
Когда вы видите цветовую палитру, которая вам нравится, вы можете использовать эти цвета в ваших собственных проектах графического дизайна. Просто нажмите на отдельный цвет, чтобы скопировать шестнадцатеричный код цвета в буфер обмена. Или, если вы хотите использовать полную цветовую палитру в своих веб-проектах, вы можете скопировать и вставить все цвета, нажав скопировать код CSS *.
Советы по дизайну цветовой палитры
Хорошая цветовая палитра имеет хороший контраст, визуально приятна и содержит воспринимаемые разные цвета. Наши алгоритмы стараются изо всех сил придерживаться этих дизайнерских качеств. Если вы хотите больше узнать о цветах, особенно о дизайне логотипов, мы разработали для вас несколько рекомендаций:
Скопируйте код CSS
Используйте этот код CSS в своем веб-проекте, чтобы получить цветовую палитру:
