배색 팔레트 만들기
기준색과 배색 방식을 선택해 2색 또는 3색 팔레트를 만듭니다. 보색, 유사색, 삼각 배색, 분할 보색 중에서 고르고, 각 HEX 코드를 복사하거나 목록을 텍스트로 저장할 수 있습니다.
가능한 작업
4가지 방식으로 배색 만들기
보색·유사색·삼각·분할 보색 중에서 고르고, 기준색의 채도와 명도를 유지한 채 색상을 바꿉니다.
각 코드 받기
색상 견본과 HEX 코드를 확인하고, 개별 복사하거나 표시 순서 그대로의 목록을 palette.txt로 저장할 수 있습니다.
후보를 다음 기준으로 삼기
후보의 '기준으로'를 눌러 색을 바꾸고 배색을 다시 만들 수 있습니다.
사용 방법
기준색 입력
HEX·RGB·HSL·HSV·CMYK를 선택해 입력하거나 색상 선택에서 고릅니다.
배색 방식 선택
보색은 2색, 유사색·삼각·분할 보색은 3색을 만듭니다.
배색 만들기
'배색 만들기'로 색상 견본과 HEX 코드를 확인합니다. 생성 후 방식을 바꾸면 확정된 기준색을 바탕으로 팔레트가 갱신됩니다.
코드 받기
각 코드를 복사하거나, 모두 복사·TXT 저장을 사용합니다. 기준색을 바꾸면 다시 만들어 주세요.
이럴 때 유용
액센트 색 후보 찾기
페이지나 작업물의 기준색을 바탕으로 색상 관계가 다른 후보를 비교합니다.
배색을 작업 메모에 남기기
팔레트의 HEX를 표시 순서대로 복사·저장하여 제작 도구에 입력합니다.
배색 방식과 결과의 범위
4가지 색상 관계
보색은 기준색과 180도 떨어진 색, 유사색은 앞뒤 30도, 삼각은 120도씩, 분할 보색은 150도·210도 떨어진 색을 사용합니다. 유사색에서는 기준색이 가운데에 옵니다.
채도와 명도 유지
기준색의 HSL에서 색상을 옮기고 채도와 명도를 유지합니다. 8비트 RGB로 반올림해 HEX로 표시합니다. 무채색 등에서는 같은 HEX가 나열될 수 있으며, 색의 개수와 순서를 유지합니다.
가독성은 따로 확인
색상 관계에 따른 배색은 문자 대비나 가독성을 보장하지 않습니다. 문자와 배경의 조합은 대비 확인으로 살펴보세요.
질문과 답변
같은 색이 여러 번 나오는 이유는 무엇인가요?
무채색 등에서는 색상을 바꿔도 같은 HEX가 될 수 있습니다. 결과를 보정하거나 중복 제거하지 않고, 방식별 색의 개수와 순서를 유지합니다.
복사하면 기준색이 바뀌나요?
복사로는 바뀌지 않습니다. '기준으로'를 누르면 HEX 입력으로 전환되고 이전 팔레트를 지웁니다. 다시 '배색 만들기'로 새로 만드세요.
CSS 변수나 이미지로 저장할 수 있나요?
출력은 HEX 코드 복사와 palette.txt입니다. CSS 변수·이미지 등의 형식은 출력하지 않습니다.
입력과 출력
- 입력
- 기준색의 HEX·RGB·HSL·HSV·CMYK, 또는 색상 선택. 투명도는 지원하지 않습니다.
- 방식
- 보색·유사색·삼각·분할 보색.
- 출력
- 2색 또는 3색의 HEX 코드. 표시 순서대로 줄을 바꿔 복사하거나 palette.txt로 저장합니다.