HEX
#FF5733
RGB
rgb(255, 87, 51)
HSL
hsl(11, 100%, 60%)
HEX를 RGB/HSL로 변환하고 어울리는 팔레트를 만들어보세요
HEX 색상을 입력하면 RGB, HSL 값이 즉시 계산됩니다. 팔레트 생성기 탭으로 전환하면 클릭 한 번으로 서로 어울리는 5가지 색을 만들 수 있습니다. 어떤 값이나 색상 블록을 클릭해도 바로 클립보드에 복사됩니다.
🎨 이럴 때 유용해요
- 브랜드나 웹사이트 컬러 스킴을 고를 때
- 디자인 툴에서 가져온 HEX 코드를 CSS용 RGB/HSL로 변환할 때
- 기준 색상과 잘 어울리는 포인트 컬러를 찾을 때
- 코드나 디자인 문서에 붙여넣을 색상값을 빠르게 확인할 때
- 발표 자료나 포스터에 쓸 색상 조합을 탐색할 때
📋 사용 방법
- 변환기 탭에 HEX 코드를 입력하거나 붙여넣으세요
- 실시간 미리보기와 RGB/HSL 값을 확인하세요
- 복사 버튼을 눌러 HEX, RGB, HSL 중 원하는 값을 복사하세요
- 팔레트 생성기 탭으로 전환해서 생성 버튼을 누르세요
- 색상 블록을 클릭하면 해당 HEX 코드가 복사됩니다
자주 묻는 질문
HEX→RGB/HSL 변환이 얼마나 정확한가요?
어림값이 아니라 표준 색공간 변환 공식을 그대로 사용하므로, 디자인 툴이나 브라우저가 계산하는 값과 동일합니다.
팔레트 생성기는 색을 어떻게 고르나요?
무작위로 시작 색상(hue)을 고른 뒤, 색상환을 72도(360도÷5)씩 균등하게 회전시켜 5가지 색을 만듭니다. 채도와 명도는 매번 살짝 무작위로 바뀌어, 간단하면서도 서로 잘 어울리는 조합을 만들어냅니다.
복사 버튼을 누르면 어디에 저장되나요?
시스템 클립보드에 복사되므로, 코드나 디자인 툴 등 어디에든 바로 붙여넣을 수 있습니다.
마지막 팔레트를 기억하나요?
네. 마지막으로 생성한 팔레트와 입력한 HEX 값이 브라우저에 저장되어 다음 방문 시 자동으로 복원됩니다.