RGB를 HSB로 변환
RGB 색상에서 색상, 채도, 밝기 값을 얻어 Photoshop, Figma, Sketch에 입력해 보세요.
rgb 입력
결과 · HSB
hsb(344, 76%, 100%)
HEX
#FF3D72
RGB
rgb(255, 61, 114)
HSL
hsl(344, 100%, 62%)
HSV
hsv(344, 76%, 100%)
CMYK
cmyk(0%, 76%, 55%, 0%)
사용 방법: RGB를 HSB로 변환
- 1
색상 입력하기
색상 코드를 입력하거나 색상 선택기로 색상을 고르세요. 각 필드에는 표시된 형식으로 입력할 수 있습니다.
- 2
변환 결과 확인하기
입력하는 즉시 결과가 업데이트되며 색상의 실시간 미리보기도 함께 표시됩니다.
- 3
코드 복사하기
필요한 값을 클릭 한 번으로 복사해 디자인, CSS 또는 인쇄 설정에 붙여 넣으세요.
HSB의 의미
HSB는 색상(Hue), 채도(Saturation), 밝기(Brightness)의 약자예요. 세 번째 요소의 이름만 다를 뿐 HSV와 같은 모델이며, Adobe Photoshop, Illustrator, Figma, Sketch의 색상 선택기에서 쓰는 이름이에요. 색상은 0~360도, 채도와 밝기는 퍼센트로 나타내요.
스크린샷, 웹사이트, 사양서에서 얻은 채널 값을 HSB를 쓰는 디자인 앱에 입력하고 싶을 때, 또는 색을 더 잘 이해하고 싶을 때 RGB를 HSB로 변환하세요. 채도가 낮으면 회색빛 톤이고, 밝기가 낮으면 어두운 톤이에요. 예를 들어 rgb(255, 61, 114)는 hsb(344, 76%, 100%)가 돼요. 도구는 같은 색의 HEX, HSL, HSV, CMYK 값도 각각 복사 버튼과 함께 보여 줘요.
모든 작업은 브라우저에서 로컬로 처리되며, 이미지는 서버에 절대 업로드되지 않습니다.