색조 변경
슬라이더 하나로 사진 전체 색상을 돌려 분위기를 바꿔보세요.
사진을 끌어다 놓거나 클릭해서 선택
색조 하나로 완전히 다른 분위기를 만들어보세요
색조가 0°에서 360°까지 도는 모습입니다. 사진을 올리면 이 자리에 실제 결과가 표시됩니다.
설명
사진 전체의 색조(Hue)를 0~360도 사이에서 자유롭게 돌려, 밝기와 선명함은 그대로 둔 채 색상 분위기만 바꿉니다. 슬라이더나 숫자 입력으로 각도를 정하고 저장 버튼을 누르면 JPG 파일로 바로 내려받습니다. 파일은 서버로 전송되지 않고 브라우저 안에서만 처리됩니다.
관련 도구
사진의 전체적인 색조(Hue)를 회전시켜 분위기를 바꿔주는 이미지 편집 도구입니다. 파란 하늘이 가득한 사진을 보라빛 노을 톤으로, 초록 숲 사진을 황금빛 가을 분위기로 바꾸는 것처럼, 원본 구도는 그대로 두고 전체 색상 분포만 이동시킬 수 있습니다. SNS 썸네일 제작이나 아트 디렉팅에서 색 느낌을 빠르게 탐색할 때 특히 유용합니다.
사용 방법
이미지를 업로드하거나 드래그 앤 드롭으로 불러온 뒤, 슬라이더를 움직여 색조 회전 각도(0°~360°)를 조정합니다. 각도가 커질수록 색상환에서 멀리 이동하며, 180°에서는 반대쪽 보색 계열로 바뀝니다. 원하는 색조를 찾으면 '저장' 버튼을 눌러 결과 이미지를 JPG 파일로 내려받습니다. 변환은 브라우저 내에서만 처리되므로 이미지 파일이 서버에 전송되지 않습니다.
이럴 때 유용해요
동일한 사진으로 여러 색 버전이 필요한 경우 일일이 포토샵을 열 필요 없이 각도 값만 바꿔 빠르게 만들 수 있습니다. 예를 들어 상품 배경 색상을 브랜드 컬러에 맞추거나, 유튜브 썸네일의 톤을 채널 무드에 통일할 때 유용합니다. 또한 색맹·색약 접근성 테스트를 위해 특정 색조로 화면을 변환해보거나, 게임·웹툰 배경의 팔레트 테스트 용도로도 쓸 수 있습니다.
알아두면 좋은 점
색조 회전은 HSL 색공간의 H(Hue) 값만 이동시키기 때문에, 밝기(Lightness)와 채도(Saturation)는 그대로 유지됩니다. 따라서 어두운 부분은 어둡게, 밝은 부분은 밝게 유지되면서 색상만 바뀌는 자연스러운 결과를 얻습니다. 무채색(흰색·검정·회색)은 채도가 0이라 색조를 아무리 돌려도 변하지 않으므로, 컬러가 풍부한 사진에서 효과가 더 크게 나타납니다. 결과물 품질을 유지하려면 가능한 한 고해상도 원본 이미지로 작업하는 것이 좋습니다.
자주 묻는 질문
색조를 360° 돌리면 원래 색으로 돌아오나요?
JPG와 PNG 모두 지원하나요?
배경이 흰색인 제품 사진은 왜 색조 변환이 잘 안 느껴지나요?
중간 각도를 정확히 입력할 수 있나요?
CSS의 filter: hue-rotate()와 같은 원리인가요?
개인정보처리방침
모든 처리는 브라우저 내부에서만 수행되며 입력값·파일은 서버로 전송·저장되지 않습니다. 광고: Google AdSense(쿠키 사용 가능, 설정). 문의 kjh920424@gmail.com
색조 회전이란 무엇인가
이 도구는 사진 전체의 색조(Hue)를 하나의 각도만큼 한꺼번에 돌립니다. 색을 빨강·주황·노랑·초록·파랑·보라 순으로 둥글게 이어 붙인 색상환을 떠올리면 됩니다. 색조 회전은 이 원판을 통째로 몇 도 돌리는 것과 같아서, 빨간 꽃을 90도 돌리면 초록빛으로, 180도 돌리면 청록빛으로 바뀝니다. 중요한 점은 밝기와 선명함은 그대로 두고 색상만 이동시킨다는 것입니다. 그래서 사진의 명암·질감은 유지된 채 옷 색깔, 배경색, 조명 분위기만 다른 색으로 갈아입힌 듯한 결과가 나옵니다.
슬라이더가 픽셀에 하는 계산
이 도구는 canvas의 filter: hue-rotate() 기능을 사용하며, 슬라이더 값은 각도(deg)입니다. 0도가 원본이고, 각 픽셀의 RGB 색을 색상환 위의 각도로 바꾼 뒤 슬라이더 값만큼 더해 다시 RGB로 되돌립니다. 원판을 돌리는 것이므로 360도를 채우면 한 바퀴 돌아 0도(원본)와 같은 색이 됩니다. 다만 회전은 순수한 색상(채도가 있는 부분)에만 눈에 띄게 작용합니다. 흰색·검정·회색처럼 채도가 0인 픽셀은 색상환 위에 얹을 방향이 없어 몇 도를 돌려도 그대로 남습니다. 그래서 흑백 사진이나 회색 배경은 이 도구로 색이 바뀌지 않습니다.
각도별 대략적인 변화
| 회전 각도 | 빨강 계열이 향하는 색 | 쓰임새 |
|---|---|---|
| 30~60도 | 주황·노랑 | 같은 계열 안에서 톤만 살짝 조정 |
| 90도 | 연두·초록 | 붉은 옷을 초록 옷으로 바꾸기 |
| 120~150도 | 초록·청록 | 단풍을 신록으로, 계절감 반전 |
| 180도 | 청록·파랑 | 정반대 색으로 강한 대비 연출 |
| 240~300도 | 파랑·보라·자홍 | 몽환적·야경 느낌 |
각도 값은 사진에 원래 어떤 색이 많은지에 따라 체감이 달라지므로, 표는 붉은색이 주가 되는 사진을 기준으로 한 대략적인 방향입니다.
이럴 때 쓰면 좋다
쇼핑몰이나 중고거래에서 같은 옷·가방을 색상만 다르게 여러 장 보여주고 싶을 때, 새로 촬영하지 않고 색조만 돌려 색상 견본을 만들 수 있습니다. 노을·조명 사진의 붉은 기를 파랑 쪽으로 돌려 차분한 분위기로 바꾸거나, 초록 잎사귀를 단풍 색으로 옮겨 계절 느낌을 바꾸는 연출에도 씁니다. 반복되는 무늬나 아이콘, 캐릭터 이미지의 색 배합을 여러 가지로 빠르게 시험해 볼 때도 유용합니다. 다만 색조 회전은 모든 색이 같은 각도로 함께 돌아가므로, 사진 속 특정 한 부분만 골라 색을 바꾸는 용도로는 맞지 않습니다.
자주 묻는 질문
슬라이더를 돌려도 색이 거의 안 바뀌어요.
사진에 채도가 낮은 색(흰색·검정·회색·연한 파스텔)이 많으면 변화가 작습니다. 색조 회전은 뚜렷한 색상이 있는 부분에서만 크게 나타나기 때문입니다. 원색이 선명한 사진일수록 효과가 잘 보입니다.
피부색이 이상한 색으로 변해서 인물 사진에 쓰기 어려워요.
맞습니다. 이 도구는 화면 전체 색을 한꺼번에 돌리므로 피부만 자연스럽게 남길 수 없습니다. 인물이 크게 나온 사진은 작은 각도(10~20도) 안에서만 조정하거나, 배경 위주 사진에 쓰는 편이 낫습니다.
180도로 돌리면 색 반전(네거티브)과 같은 건가요?
다릅니다. 색조 180도 회전은 색상만 색상환 반대편으로 옮길 뿐 밝기는 그대로라, 밝은 곳은 여전히 밝습니다. 반면 색 반전은 밝기까지 뒤집어 밝은 곳이 어두워지므로 결과가 전혀 다릅니다.
업로드한 사진이 서버로 전송되나요?
전송되지 않습니다. 파일 읽기, 색조 회전, 저장까지 모두 사용자 브라우저 안에서 처리되어 이미지가 외부로 나가지 않습니다.