분류: 개발 도구
색상 팔레트 생성기
한 색을 중심으로 배색 만들기
기준 색을 고르면 색상환 관계에 따른 팔레트를 얻습니다. 보색, 유사색, 삼색, 사색, 단색, 명암 단계 중에서 고르고 HEX, RGB, HSL로 복사하세요.
색 개수
- 1
#0f7b63 - 2
#7b0f26 - 3
#073b30 - 4
#3b0712 - 5
#17ba97
모든 값
#0f7b63 #7b0f26 #073b30 #3b0712 #17ba97
팔레트는 입력한 색에서 계산합니다. 업로드되는 것은 없습니다.
이 페이지의 모든 처리는 브라우저에서 이루어집니다. 업로드는 없습니다.
이 도구로 할 수 있는 일
팔레트 뒤의 관계는 색상환 위의 기하입니다. 보색은 기준의 맞은편에, 유사색은 양옆에 있고, 삼색은 균등하게 놓인 세 점입니다. 손으로 하려면 HSL로 바꾸고 각도를 더한 뒤 되돌려야 하는데, 대개 그 지점에서 시도를 멈추게 됩니다. 여기서는 색상을 대신 회전시키고, 배색의 색상 수가 요청한 견본 수보다 적으면 색을 반복하는 대신 명도를 단계적으로 옮깁니다. 그래서 보색 한 쌍에서 다섯 개를 뽑아도 다섯 가지 모두 쓸 만한 색이 됩니다. 각 견본에는 읽기 쉬운 라벨이 붙고 스타일시트가 쓰는 표기로 복사할 수 있습니다.
사용 방법
- 기준이 될 색을 고르거나 입력합니다.
- 배색 방식과 필요한 색 개수를 선택합니다.
- 개별 값이나 팔레트 전체를 한 번에 복사합니다.
개인정보
이 도구는 전부 브라우저 안에서 동작합니다. 입력한 내용은 업로드되거나 저장되거나 공유되지 않으며, 탭을 닫으면 사라집니다.
자주 묻는 질문
- 어떤 배색부터 시작할까요?
- 차분하고 이어지는 조합은 유사색, 눈에 띄는 강조가 필요하면 보색, 화면이 조용히 물러나고 내용이 이끌어야 하면 단색입니다.
- 이 팔레트는 접근성이 좋은가요?
- 자동으로 그렇지는 않습니다. 배색은 조화의 문제이지 대비의 문제가 아닙니다. 공개 전에 글자와 배경 조합을 대비 검사 도구로 확인하세요.
- 입력한 색이 어딘가로 전송되나요?
- 아닙니다. 팔레트는 입력한 색으로 페이지에서 계산하며 업로드하거나 저장하지 않습니다.