무작위 팔레트인데 색이 안 부딪히는 이유
컬러 팔레트 생성기의 '새 팔레트 생성' 버튼을 누르면 매번 완전히 다른 색 5개가 나오는데, 이상하게 서로 부딪히는 법이 없다고 느낀 적이 있을 것입니다. 색을 하나씩 골라본 적도 없는데 왜 항상 조화로워 보이는지 궁금할 수 있습니다. 사실 이건 우연이 아니라 색상환에서 일정한 각도 간격으로 색을 떼어내는 규칙 때문입니다.
요약 ① 팔레트의 색은 색상값(hue)을 하나씩 따로 뽑는 게 아니라, 기준 색에서 일정한 각도만큼 떨어진 지점을 골라 만듭니다 ② 채도와 명도도 정해진 범위 안에서만 움직여서, 유독 탁하거나 튀는 색이 섞이지 않습니다 ③ 색상 코드를 HSL 값으로 바꿔 색상값 차이를 계산해보면 이 간격이 실제로 일정한지 직접 확인할 수 있습니다
랜덤으로 뽑은 색인데 왜 안 부딪힐까
빨강 옆에 초록, 연한 파스텔 옆에 새빨간 원색처럼 색이 서로 부딪혀 보이는 경우는 대부분 색상값(hue)이 색상환 위에서 아무 자리에나 뚝뚝 떨어져 있을 때 생깁니다. 색상환은 0도부터 360도까지 원형으로 이어진 색의 지도이고, 거리가 가까우면 비슷한 색 계열, 정반대(180도)면 보색 관계가 됩니다.
진짜로 색상값 5개를 각각 무작위로 뽑는다면 우연히 한쪽에 몰리거나, 반대로 서로 정반대 위치에 놓여 어색해 보일 확률이 높습니다. 채도와 명도까지 따로따로 무작위로 정하면 어떤 색은 흐릿한 파스텔, 어떤 색은 쨍한 원색이 되어 무게감마저 어긋납니다.
그런데 팔레트 생성기의 결과는 이런 일이 거의 생기지 않습니다. 색상값 5개를 독립적으로 뽑는 대신, 기준이 되는 색 하나와 회전 각도 하나만 무작위로 정한 뒤 그 각도만큼 일정하게 이동하며 나머지 색을 만들기 때문입니다.
확인하는 방법 — 색상환에서 일정한 각도로 색 고르기
이 원리는 도구 없이 손으로도 그대로 따라 할 수 있습니다. 먼저 색상환 위에서 기준이 될 색상값 하나를 정합니다. 예를 들어 200이면 파란색 계열, 340이면 분홍빛 계열입니다.
다음으로 회전 각도(간격)를 하나 정합니다. 20~40도 사이면 색끼리 지나치게 가깝지도, 정반대로 부딪히지도 않는 무난한 간격이 됩니다.
기준값에서 이 각도의 배수만큼 양쪽으로 두 칸씩 떨어진 값을 계산하면 다섯 개의 색상값이 나옵니다. 예를 들어 기준이 200, 간격이 30이면 140·170·200·230·260이 됩니다.
여기에 채도는 5080%, 명도는 4065% 사이에서만 고르면 색마다 진하기와 밝기 차이가 크지 않아 유독 튀거나 탁해 보이는 색이 사라집니다. 색상값 간격을 맞추는 것과 채도·명도 범위를 좁히는 것, 이 두 조건만 지키면 무작위로 뽑아도 대부분 조화롭게 보입니다.
저희 도구로 확인하기. 팔레트 생성기는 기준값과 각도 하나를 무작위로 정한 뒤 일정한 간격으로 색상값을 만들고, 채도·명도를 좁은 범위 안에서 뽑는 이 계산을 버튼 한 번으로 대신해 줍니다.
무료 · 가입 불필요 · 브라우저에서 바로 팔레트 생성
자주 막히는 지점
| 상황 | 원인과 확인법 |
|---|---|
| 새로고침할 때마다 전체 분위기가 확 바뀜 | 기준 색상값 자체가 매번 새로 무작위로 정해지기 때문입니다 — 마음에 드는 색은 자물쇠로 고정한 뒤 다시 생성하세요 |
| 팔레트 중 색 하나만 유독 튀어 보임 | 그 칸의 채도·명도가 우연히 범위 양 끝에 걸린 경우입니다 — 주사위 버튼으로 그 색만 다시 뽑으면 됩니다 |
| 화면에서는 괜찮은데 인쇄물로 보면 칙칙함 | 화면은 빛을 더하는 RGB, 인쇄는 잉크를 섞는 CMYK 방식이라 표현 범위가 달라서 생기는 차이입니다 |
| 배경색과 글자색의 대비가 약해 보임 | 색상값 간격만 맞춰졌을 뿐 명도 대비는 보장되지 않습니다 — 밝은 배경엔 어두운 글자색을 따로 골라야 합니다 |
표에서 보듯, 색이 부딪히는 대부분의 경우는 색상값 간격이 아니라 채도·명도가 우연히 한쪽으로 몰렸을 때 생깁니다. 그때는 팔레트 전체를 새로 만들기보다 문제 되는 색 하나만 다시 뽑는 편이 원래 조합을 더 오래 유지할 수 있습니다.
정리
팔레트 생성기가 뽑아주는 색 5개가 무작위처럼 보여도 실제로는 색상값(hue) 하나와 회전 각도 하나만 무작위로 정한 뒤, 그 각도만큼 일정하게 이동하며 나머지 색을 만드는 방식입니다. 채도와 명도도 좁은 범위 안에서만 움직이기 때문에 유독 튀거나 탁한 색이 섞이지 않습니다.
이 원리를 알면 손으로 색상값을 계산해 직접 배색을 짤 수도 있고, 도구가 만들어준 조합이 왜 자연스러운지도 설명할 수 있습니다.
무료 · 가입 불필요 · 브라우저에서 바로 팔레트 생성
자주 묻는 질문
색상값 간격만 맞추면 항상 조화롭게 보이나요?
대부분의 경우 그렇지만 예외는 있습니다. 간격이 지나치게 좁으면(10도 이하) 색끼리 거의 구분되지 않고, 180도에 가까우면 정반대 보색이 강하게 부딪혀 보일 수 있습니다. 20~40도 사이가 무난한 이유가 여기에 있습니다.
팔레트에서 색 하나만 마음에 안 들 때는 어떻게 하나요?
전체를 다시 만들 필요 없이 마음에 드는 색은 자물쇠 버튼으로 고정하고, 나머지 색만 다시 생성하면 됩니다. 특정 색 하나만 바꾸고 싶다면 그 칸의 주사위 버튼을 눌러 그 색만 새로 뽑을 수도 있습니다.
보색이나 삼각 배색 같은 색 이론을 몰라도 활용할 수 있나요?
네, 몰라도 됩니다. 회전 각도를 매번 다르게(대략 16~42도 사이) 무작위로 정해서 색을 뽑기 때문에, 유사색부터 조금 넓은 배색까지 자동으로 오갑니다. 이론 용어를 몰라도 결과물은 이미 그 원리를 따르고 있습니다.