[JS] 랜덤 컬러 생성하기

 

 

 

HEX COLOR CODE

색상코드 앞에 #과 뒤에 붙는 6자리 16진수(hex)로 나타내는 것으로

16진수에서 사용하는 숫자는 0부터 9까지의 숫자와 A, B, C, D, E, F입니다.

HEX COLOR CODE 로 나타낼수있는 색상의 수는 16의 6승인 16,777,216가지입니다.

 

랜덤 컬러 생성 함수

function getRandomColor() {
    var letters = '0123456789ABCDEF';
    var color = '#';
    for (var i = 0; i < 6; i++ ) {
        color += letters[Math.floor(Math.random() * 16)];
    }
    return color;
}

해당 함수는 임의의 16진수 (hex) 색상 코드를 생성합니다.

letters는 16진수 0-9와 A-F를 저장합니다.

변수 color는 모든 16진수 색상 코드의 접두사인 '#' 문자로 시작됩니다.

그런 다음 루프를 사용하여 letters변수에서 무작위 숫자 6개를 생성하고 이를 color변수에 추가합니다 .

마지막으로 color변수가 반환됩니다.

 

 

 

아래는 이를 활용한 jQuery 코드입니다.

input값에 대한 랜덤한 hex color값을 중복없이 부여해줍니다.

See the Pen random color by rebornbb (@bongcasso01) on CodePen.