랜덤 색상 생성기

무작위 색을 1개부터 48개까지 만들고 각 색을 HEX, rgb(), hsl()로 읽을 수 있습니다. 모든 견본은 crypto.getRandomValues에서 바로 받은 세 바이트라서, sRGB 삼원색 조합 16,777,216가지 전체에 고르게 퍼지며 단순히 섞인 것이 아니라 예측이 불가능합니다.

RGB에서 고르다는 것이 눈에도 고르다는 뜻은 아니고, 그 차이는 생각보다 큽니다. 1670만 가지를 똑같은 확률로 뽑으면 HSL 채도의 평균이 약 67이 됩니다. 색이 차분해 보이려면 세 채널이 서로 가까워야 하는데 그런 경우가 드물기 때문입니다. 세 채널이 서로 16 이내인 조합은 전체의 1.2%뿐이고, 세 채널이 모두 200을 넘는 경우는 0.99%에 불과합니다. 그래서 파스텔이나 회색에 가까운 색은 거의 나오지 않고 선명한 중간 톤만 계속 나옵니다. 같은 집합을 OKLab 명도로 줄 세우면 가장 어두운 5분의 1 구간에 0.3%, 네 번째 구간에 40%가 몰립니다. sRGB의 감마 부호화가 밝은 쪽에 부호값을 대부분 써 버리기 때문에 지각적으로 어두운 색은 거의 없습니다.

세 표기는 같은 것을 부르는 서로 바꿔 쓸 수 있는 이름이 아닙니다. HEX와 rgb()는 정확합니다. 같은 세 바이트를 두 방식으로 쓴 것뿐입니다. 그러나 hsl()은 도와 퍼센트를 정수로 반올림하고, 그 반올림은 왕복을 견디지 못합니다. 16,777,216가지를 모두 변환하고 되돌려 보면 처음 바이트로 돌아오는 것은 1,775,056가지, 즉 10.6%뿐이고 나머지는 채널마다 최대 5까지 어긋납니다. 값이 정확해야 한다면 HEX를 복사하고, HSL은 견본의 두 번째 사본이 아니라 읽기 쉬운 설명으로 여기십시오.