대화형 색상환
기준 색을 고르고 보색, 유사색, 3색 조화, 4색 조화, 분할 보색 배색을 얻어 보세요.
파일이 기기 밖으로 나가지 않습니다100% 무료
기본 색상
#FF3D72
보색
유사색
3색 조화
4색 조화
분할 보색
사용 방법: 색상환
- 1
색상 입력하기
색상 코드를 입력하거나 색상 선택기로 색상을 고르세요. 각 필드에는 표시된 형식으로 입력할 수 있습니다.
- 2
변환 결과 확인하기
입력하는 즉시 결과가 업데이트되며 색상의 실시간 미리보기도 함께 표시됩니다.
- 3
코드 복사하기
필요한 값을 클릭 한 번으로 복사해 디자인, CSS 또는 인쇄 설정에 붙여 넣으세요.
색상환이란
색상환은 조화로운 팔레트를 만드는 데 도움을 줘요. 색상을 원형으로 배치하기 때문에 색 사이의 관계를 각도로 설명할 수 있어요. 보색은 180° 반대편에, 유사색은 30° 떨어진 이웃에 있고, 3색 조화는 120° 간격의 세 색상, 4색 조화는 90° 간격의 네 색상을 사용하며, 분할 보색은 한 색을 그 보색 양옆의 두 색상과 짝지어요.
색상 대화상자에서 기준 색을 고르거나 HEX 코드를 입력하면 다섯 가지 배색이 모두 즉시 업데이트돼요. 도구는 색상만 회전시키고 기준 색의 채도와 명도는 유지하기 때문에 모든 견본의 강도가 같아요. 견본을 클릭하면 HEX 코드가 복사되고, 마우스를 올리면 RGB 값이 보여요. 차분한 디자인을 원한다면 한 색을 주조색으로, 나머지를 강조색으로 사용하세요.
모든 작업은 브라우저에서 로컬로 처리되며, 이미지는 서버에 절대 업로드되지 않습니다.