[JavaScript] RGB 색 랜덤하게 가져오기

 

 

자바스크립트로 랜덤하게 컬러(RGB)를 가져오도록 해보자.

 

사용한 코드

function makeColor() {
  const r = Math.floor(Math.random() * 256);
  const g = Math.floor(Math.random() * 256);
  const b = Math.floor(Math.random() * 256);
}

rgb 색상은 각각 256가지의 정수 값 3개가 모여 만들어진다. ex) rgb(255, 155, 55)

0 ~ 255 = 256개이므로 Math.random()함수를 사용해 리턴한다.

 

Math.floor()

Math.floor() 함수는 주어진 숫자와 같거나 작은 정수 중에서 가장 큰 수를 반환한다.

Math.floor(𝑥)

 

Math.random()

Math.random() 함수는 0 이상 1 미만의 구간에서 근사적으로 균일한(approximately uniform) 부동소숫점 의사난수를 반환하며, 이 값은 사용자가 원하는 범위로 변형할 수 있다. 따라서 Math.ramdom() * n으로 0부터 n미만 값을 반환할 수 있다.

Math.random()

 

 

(기타) HEX 코드 가져오기

hex코드는 바이너리코드(0, 1)와 함께 자주 쓰이는 코드로 16진수로 표현되기 때문에 0~F 값을 갖는다.

rgb, hex코드를 각각 호출하거나 값을 서로 변환하는 것은 가능하지만 호출한 hex값을 style.backgroundColor에 적용시키려하니 되질않았다.ㅠㅠ 이부분은 더 알아봐야할 듯

function makeColor() {
  const randomColor = "#" + Math.round(Math.random() * 0xFFFFFF).toString(16);
  return randomColor;
}