색상 변환기 — HEX·RGB·HSL을 실시간으로 오가는 디자이너용 색상 도구
디자인이나 웹 작업 중 색상 코드를 바꿔야 할 때 쓰는 변환기입니다. HEX, RGB, HSL 세 형식을 완전 양방향으로 실시간 동기화해서, 어느 값을 바꾸든 나머지가 즉시 따라옵니다. 색을 고르고 조화로운 배색까지 한 화면에서 잡고 싶은 디자이너·개발자·블로거에게 유용합니다.
사용 방법
- 상단 미리보기 카드의 색상 선택기를 눌러 원하는 색을 고르거나, HEX 칸에 코드를 직접 입력합니다.
- RGB(R·G·B)나 HSL(H·S·L) 슬라이더를 밀거나 숫자 칸에 값을 넣어 색을 미세 조정합니다.
- 각 형식 옆의 복사 버튼을 눌러 HEX·RGB·HSL 값을 그대로 클립보드에 담습니다.
- 아래 조화 팔레트에서 마음에 드는 색을 클릭하면 그 색이 현재 색으로 반영됩니다.
기능과 팁
- HEX는 3자리(#abc)와 6자리 모두 인식하며, 입력 중 유효할 때만 반영됩니다.
- 조화 팔레트가 자동 생성됩니다: 보색 1종, 유사색 2종, 삼각색 2종, 명도 5단계 톤 변형.
- 무채색이나 흑백에서도 마지막 색조를 기억해 슬라이더가 튀지 않습니다.
- 팔레트 스와치를 클릭한 뒤 복사 버튼을 누르면 배색 색상도 손쉽게 가져올 수 있습니다.
자주 묻는 질문
Q. 설치나 회원가입이 필요한가요? A. 아니요. 브라우저에서 바로 열어 무료로 사용하며, 모든 계산은 기기 안에서 처리됩니다.
Q. 조화 팔레트는 어떻게 만들어지나요? A. 현재 색의 색조(H)를 기준으로 각도를 돌려 보색·유사색·삼각색을 계산하고, 명도만 바꿔 톤 변형을 만듭니다.
Q. 모바일에서도 되나요? A. 네. 화면이 좁은 기기에 맞춘 레이아웃과 큰 슬라이더로 터치 조작이 편합니다.
