색상 선택기
온라인 색상 선택 도구, HEX, RGB, HSL 형식 상호 변환, 색상 팔레트 생성
색상 선택
#2563eb
색상 입력
최근 사용
기록 없음
색상 형식
HEX#2563eb
RGBrgb(37, 99, 235)
HSLhsl(217, 91%, 53%)
색상 팔레트
보색
유사색
삼등분색
분할 보색
명암 변화
밝은 톤
어두운 톤
색상 선택기란?
색상 선택기는 프론트엔드 개발과 UI 디자인에서 자주 사용되는 도구로, 색상을 정확하게 선택하고 다른 형식 사이에 변환하는 데 도움이 됩니다. HEX는 16진수를 사용하여 표시하고, RGB는 빨강/녹색/파랑 삼원색을 기반으로 하며, HSL은 색조, 채도, 명도를 기반으로 하여 각각 적용되는 시나리오가 있습니다.
사용 방법
- 색상 선택기를 클릭하여 색상을 선택하거나 입력란에 색상 값을 입력합니다
- HEX, RGB, HSL 세 가지 형식의 변환 결과를 확인합니다
- 형식 옆의 복사 버튼을 클릭하여 색상 값을 복사합니다
- 색상 팔레트를 참조하여 보색, 유사색 등 배합 제안을 가져옵니다
- 명암 변화를 확인하여 동일 색상 계열의 밝은/어두운 변형을 확인합니다
주요 용도
- CSS 개발: 스타일 코드에 사용할 HEX/RGB/HSL 색상 값을 빠르게 가져오기
- UI 디자인: 브랜드 주색을 선택하고 완전한 색상 팔레트를 생성
- 접근성 검사: 텍스트와 배경색이 충분한 대비를 가지도록 확인
- 색상 변환: 다른 색상 형식 사이에 빠르게 변환
자주 묻는 질문 (FAQ)
Q: HEX, RGB, HSL의 차이는?
A: HEX는 16진수(예: #2563eb)를 사용하며 CSS에서 자주 사용됩니다. RGB는 빨강/녹색/파랑 성분(예: rgb(37,99,235))을 사용하며 프로그래밍 처리에 적합합니다. HSL은 색조/채도/명도(예: hsl(217,91%,53%))를 사용하며 더 직관적이고 이해하기 쉽습니다.
Q: 보색이란 무엇인가요?
A: 보색은 색상환에서 상대 위치에 있는 두 색상으로, 예를 들어 빨강과 녹색, 파랑과 주황 등입니다. 보색 배합은 대비가 강하여 강조 표시가 필요한 시나리오에서 자주 사용됩니다.
Q: 좋은 색상 팔레트는 어떻게 선택하나요?
A: 유사색 배합은 조화로워 대부분 시나리오에 적합합니다. 보색 대비가 강하여 요소를 강조하는 데 적합합니다. 삼등분색은 다채로워 활발한 스타일에 적합합니다. 주색 60%, 보조색 30%, 강조색 10%의 비율을 권장합니다.
Q: 색상 데이터가 서버에 업로드되나요?
A: 아니요. 모든 색상 계산은 브라우저 로컬에서 완료되며, 어떠한 데이터도 업로드되지 않습니다.