어떤 코드를 복사해야 할까요?
붙여넣을 곳에서 요구하는 형식을 고르세요. 서로 다른 표현이지만 동일한 RGB 색상을 나타낼 수 있습니다. COLOR MONSTER의 HEX는 8비트 RGB 채널을 6자리로 표시하고, HSL은 정수로 반올림해 보여줍니다.
| 형식 | 복사 결과 | 사용할 때 |
|---|---|---|
| HEX | #7C5CFF | 색상 코드 입력칸이 # 형식을 요구할 때 |
| RGB | rgb(124, 92, 255) | RGB 함수 형식을 받는 웹 스타일에 적용할 때 |
| HSL | hsl(252, 100%, 68%) | 색상·채도·밝기 표현을 사용할 때 |
패널의 RGB 표시에는 숫자만 나오지만 복사 결과에는 rgb(...)가 포함됩니다. 숫자 세 칸을 따로 받는 편집기에는 각각 124, 92, 255를 입력하세요.
짧은 코드와 직접 입력 예시
| 입력 | 결과 |
|---|---|
#F00 | #FF0000, RGB 255, 0, 0 |
fff | #FFFFFF, RGB 255, 255, 255 |
000000 | #000000, RGB 0, 0, 0 |
#FF000080, red, rgb(255,0,0) | 이 도구의 직접 입력에서는 지원하지 않는 형식 |
아이콘과 배경화면의 색상 맞추기
미리보기에서 색을 고른 뒤 HEX를 복사합니다. ICON MONSTER에서 배경의 시작·끝 색상이나 글자 색상을 설정할 때 같은 값을 사용하면 일관된 색상을 맞출 수 있습니다. 색상 입력 UI에서 코드를 직접 받지 않는 경우 브라우저의 선택 도구를 사용하세요.
투명한 사진을 JPG로 바꿀 때
PHOTO MONSTER에는 JPG 배경색 설정이 있습니다. 여기서 먼저 배경색을 정한 후 사진 도구에서 같은 색을 선택하면 투명한 영역에 채울 색을 계획할 수 있습니다. COLOR MONSTER 자체에는 이미지 불러오기나 이미지 변환 기능이 없습니다.
미리보기 결과를 해석할 때
표의 312칸은 탐색용 색상 모음이며 가능한 모든 RGB 색상을 나열한 표는 아닙니다. 표에 없는 색상도 HEX 입력이나 색상 선택 도구로 지정할 수 있습니다. 직접 입력한 색이 표에 없으면 칸의 선택 표시가 나타나지 않아도 패널의 색상과 코드는 정상 적용됩니다.
HSL은 반올림한 값이라 HEX로 다시 변환했을 때 RGB 채널 값이 약간 달라질 수 있습니다. 원래 RGB 채널 값을 그대로 전달하려면 HEX나 RGB를 사용하세요. 투명도·CMYK·별색 변환, 이미지 픽셀 추출, 인쇄 색상 교정, 접근성 대비 검사 기능은 제공하지 않습니다.
화면의 색은 모니터와 브라우저 설정에 따라 다르게 보일 수 있습니다. 이 미리보기만으로 인쇄 색상이나 다른 기기에서의 표시를 확정할 수 없습니다.
색상 표현 공식 자료
웹 색상 표기법은 W3C CSS Color Module Level 4를 참고하세요. 이 표준에 다른 색상 형식이 있어도 COLOR MONSTER의 직접 입력이 모두 지원하는 것은 아닙니다.