색상 팔레트 생성기

이 생성기는 디자이너가 팔레트를 만드는 방식을 따릅니다. 색상 사이의 관계(유사색, 보색, 삼각 배색 등)나 분위기(파스텔, 어스톤, 네온)를 고른 뒤 명도를 달리해, 배경·글자·강조색으로 함께 쓰기 좋게 만듭니다. 색은 같은 간격이 같은 차이로 보이는 OKLCH 공간에서 만들고, 모든 결과를 sRGB 색 영역 안으로 맞춰 보이는 그대로 표시됩니다.

사용 방법

1. 원하는 색 개수(3–10)와 스타일을 고릅니다.
2. 필요하면 기준 색(이 색을 중심으로 팔레트를 만듭니다)과 유지할 색을 한 줄에 하나씩 입력합니다.
3. 계산 버튼을 누르면 새 팔레트가 나오며, 결과 아래의 시드로 같은 팔레트를 다시 얻을 수 있습니다.
4. 내보내기 형식을 고르고 코드를 복사하거나 SVG 띠를 내려받습니다.

계산식

기준 색상각 h₀에서의 간격: 유사색 h₀ ± k·Δ(Δ ≈ 22–36°), 보색 h₀와 h₀ + 180°, 삼각 + 120°/240°, 분열 + 150°/210°, 사각 + 90°/180°/270°, 파스텔과 네온은 황금각 137.5°씩 이동합니다. 명도는 OKLCH에서 0.3에서 0.9까지 고르게 나눕니다.

시드를 쓰는 mulberry32 난수 생성기가 작은 무작위 편차를 더합니다. OKLCH 색이 sRGB 밖으로 나가면 색상각과 명도는 그대로 두고 이분법으로 채도를 낮춰 영역 안에 들어오게 합니다.

예시

#264653, #2A9D8F, #E9C46A를 유지하고 3색을 요청하면 정확히 이 세 색이 나옵니다. 같은 유지 색으로 5색을 요청하면 #264653을 중심으로 고른 스타일에 맞는 색 두 개가 더해집니다. 빨강, 라임, 파랑을 JSON으로 내보내면 ["#ff0000","#00ff00","#0000ff"]입니다.