잘 만드셨네요~!
5가지 색깔만 사용하시려면 사용하시기 위한 5가지 색을 배열로 지정해 주고
배열에서 랜덤으로 돌리면 될것 같습니다.
아래 붉은 색 끌시 부분을 바꾸어 보았습니다.
----------------------------------------------------------------------------
<script>
function randomColor() {
var colors = ["#ff0000", "#00ff00", "#0000ff", "#f0f0f0", "#0f0f0f"]; // 5가지 색 지정
return colors[Math.floor(Math.random() * 5)]; // 5가지 랜덤 선택 return
}
</script>
<head>
<style>
div {
position: relative;
float: left;
display: inline-block;
margin-right: 15px;
}
</style>
<script type="text/javascript">
function randomColors() {
document.write("<div style='color:" +
randomColor() + ";'>");
// 선택된 색 출력
}
</script>
</head>
<body>
<div>
<script>randomColors()</script>Sentence1 </div>
----------------------------------------------------------------------------
도움이 되었는지 모르겠습니다.
그런데 헥사코드로 조합해서 RGB코드를 5가지색으로 만들어야 하나요?
랜덤으로 컬러를 만들면 다른색이지만 차이가 안나 보일수도 있습니다.
많은 색을 요구 하는것이 아니라면 지정해서 사용하는것이 좋을듯 합니다.
624
8,299
2016-04-29 13:46:11
닉네임
슈퍼DEV
