728x90
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.
728x90