색상 변환기
HEX, RGB, HSL 색상 코드를 자유롭게 변환하고 실시간으로 미리보기하세요.
HEX
RGB
HSL
색상 변환기 사용 방법
1. HEX 입력란에 색상 코드를 입력하거나, 컬러 피커로 색상을 선택합니다.
2. RGB 또는 HSL 슬라이더를 조절하여 색상을 변경할 수도 있습니다.
3. 상단의 미리보기 영역에서 현재 색상을 확인합니다.
4. 각 형식의 복사 버튼을 클릭하면 클립보드에 복사됩니다.
자주 묻는 질문
HEX 색상 코드란 무엇인가요?
HEX 색상 코드는 #으로 시작하는 6자리 16진수 표기법으로, 빨강(RR), 초록(GG), 파랑(BB) 각 2자리로 색상을 표현합니다. 예를 들어 #FF0000은 순수 빨간색입니다. 웹 개발에서 가장 많이 사용됩니다.
RGB와 HSL의 차이는 무엇인가요?
RGB는 빨강(R), 초록(G), 파랑(B)의 빛의 혼합으로 색상을 표현하며, 각 값은 0-255입니다. HSL은 색상(Hue, 0-360°), 채도(Saturation, 0-100%), 밝기(Lightness, 0-100%)로 표현하여 사람이 직관적으로 이해하기 쉽습니다.
CSS에서 어떤 색상 형식을 사용하면 좋나요?
CSS에서는 HEX, RGB, HSL 모두 사용 가능합니다. 간결한 표기에는 HEX(#2563EB), 투명도가 필요하면 rgba() 또는 hsla(), 색상 조절이 필요하면 HSL이 편리합니다.
3자리 HEX 코드도 사용할 수 있나요?
네, 3자리 HEX 코드(예: #F00)는 6자리의 축약형입니다. 각 자리를 두 번 반복한 것과 같아서, #F00은 #FF0000과 동일한 빨간색입니다.