색상 변환기

사용 방법

색상 변환기는 HEX, RGB, HSL, HSB/HSV 형식 간에 색상을 즉시 변환합니다.

사용 방법:

1. 임의의 필드(HEX, RGB, HSL 또는 HSB)에 색상 값을 입력합니다.
2. 다른 형식이 자동으로 업데이트됩니다.
3. 시각적 선택기를 사용하여 그래픽으로 색상을 선택할 수 있습니다.
4. 필요한 형식을 복사합니다.

예시: #3498db → RGB(52, 152, 219) → HSL(204°, 70%, 53%).

제한사항: 색상 공간 간 변환은 반올림으로 인해 약간의 차이가 발생할 수 있습니다. 이 도구는 표준 sRGB 공간의 색상을 다룹니다.

개인정보 보호: 모든 것이 로컬에서 계산되며 전송되지 않습니다.

실전 예시

#1E90FF 를 입력하면: rgb(30, 144, 255)와 hsl(210, 100%, 56%)를 보여주고, 이름 있는 CSS 색상 dodgerblue로 식별하며, WCAG 상대 휘도도 표시합니다. 배색 섹션은 보색·유사색·삼각 배색·분할 보색 짝을 생성합니다 — 견본을 클릭하면 그 색을 불러와 계속 탐색할 수 있습니다. 반대 방향도 똑같이 흔합니다: 디자인 도구에서 rgb(30, 144, 255)를 붙여넣고 스타일시트용 hex를 복사하세요. 값을 조정하는 동안 모든 형식이 동기화됩니다.

활용 사례

• 도구 간 디자인 색상 매칭
• 브랜드 색상 팔레트 변환
• CSS 색상 변형 생성
• 색상 모델 이해
• 다양한 환경용 색상 값 내보내기