1. 이 도구는 무엇을 하나요
이 무료 온라인 컬러 피커는 시각적으로 색을 고르거나 HEX, RGB, HSL, HSV, CMYK 값을 입력하면 다른 모든 형식이 즉시 갱신됩니다. 디자인, CSS, 빠른 참조에서 HEX↔RGB, RGB↔HEX, 색상 변환에 사용하세요. 무료·비공개, 가입·업로드 불필요. 모든 처리는 브라우저에서 이루어집니다. CSS, 브랜드 색상, 접근성 확인, 형식 간 변환에 적합합니다.
2. 사용 방법
빠른 시작: 시각적 피커로 색을 선택하거나 코드(예: #ff5733, rgb(255,87,51))를 입력하세요. HEX, RGB, HSL, HSV, CMYK가 갱신되며 필요한 형식을 복사할 수 있습니다.
- 색 선택 또는 입력 — 시각적 피커(지원 시)를 쓰거나 색상 코드(예: #ff5733, rgb(255,87,51)) 입력.
- 모든 형식 확인 — HEX, RGB, HSL, HSV, CMYK 값이 실시간으로 갱신됩니다.
- 복사 — CSS·디자인용으로 필요한 형식 복사.
- 조정 — 한 값을 바꾸면 나머지와 미리보기가 갱신됩니다.
3. 작동 방식
도구는 표준 공식(예: RGB↔HSL, RGB↔CMYK)으로 색 공간 간 변환합니다. 다섯 형식 모두 단일 RGB 튜플을 기준 중간값으로 사용해 파생됩니다. 미리보기는 현재 색으로 렌더링됩니다. 모든 처리는 브라우저에서 클라이언트 측으로 이루어지며 서버를 사용하지 않습니다. 서버로 데이터가 전송되지 않습니다.
4. 사용 사례 및 예시
- CSS·디자인 — 다른 형식으로 가진 색의 HEX·RGB 얻기.
- 브랜드 색상 — 여러 형식으로 정확한 값을 저장·공유.
- 접근성 — 두 색을 비교해 대비 확인(필요 시 다른 도구와 함께).
- 빠른 참조 — 브라우저를 떠나지 않고 형식 간 변환.
예시
- #3498db → RGB(52, 152, 219), HSL(204°, 70%, 53%) 등.
- rgb(255, 0, 128) → HEX #ff0080 및 기타 형식.
5. 제한 사항 및 알려진 제약
- 색 공간 — 변환은 표준 sRGB 계열 모델을 사용하며, 인쇄·와이드 게이밋 시스템과는 결과가 다를 수 있습니다.
- 입력 형식 — 지원 형식(HEX, RGB, HSL, HSV, CMYK)만 파싱하며, "red" 같은 이름 지원 여부는 구현에 따릅니다.
- 미리보기 — 표시는 화면과 브라우저 색상 관리에 따라 달라집니다.