핀
색상 핀
복사한 색상 값을 화면의 색상 견본으로 고정하고 RGB, HSV, HSL, HEX 값을 함께 확인하며 필요한 형식으로 복사하는 방법입니다.
색상 핀은 색상 값을 색상 견본으로 고정하고 RGB, HSV, HSL, HEX 값을 함께 표시합니다. 여러 색을 화면에 나란히 놓고 배색 참고 자료로 쓰거나 색상 형식을 변환할 수 있습니다.
색상 핀 만들기
#0485F7 같은 색상 값을 복사하고 Ctrl+2⌃ Control+2를 누르세요.
스크린샷 중 색상 선택기로 복사한 값도 같은 방법으로 고정합니다.
지원하는 색상 표기
복사한 텍스트가 다음 중 하나면 색상 핀이 만들어집니다.
| 표기 | 예 |
|---|---|
| HEX | #0485F7, #08F |
| CSS 색상 함수 | rgb(4, 133, 247), rgba(4, 133, 247, 0.5), hsl(208, 97%, 49%) |
| CSS 색상 이름 | red, skyblue |
| 쉼표로 구분한 값 | 4,133,247, 4,133,247,128(각 값 0~255) |
나머지 텍스트는 텍스트 핀이 됩니다.
색상 핀의 정보
#0485F7
RGB: 4, 133, 247
HSV: 208, 98, 97
HSL: 208, 97, 49
HEX: 0485F7
위에서부터 색상 견본, 복사한 원래 텍스트, RGB, HSV, HSL, HEX 값이 표시됩니다. rgba(4, 133, 247, 0.5)처럼 투명도가 있으면 RGB 대신 RGBA를 표시하고 투명도 값을 포함합니다.
다른 형식으로 복사
색상 핀을 마우스 오른쪽 버튼으로 클릭하면 여러 형식과 값이 메뉴에 나열됩니다. 클릭하면 복사합니다. #0485F7의 예:
| 메뉴 항목 | 복사되는 내용 |
|---|---|
| RGB 복사: 4,133,247 | 4,133,247 |
| RGB 복사: 0.016,0.522,0.969 | 0.016,0.522,0.969(0~1의 소수) |
| HSV 복사: 208,98,97 | 208,98,97 |
| HSL 복사: 208,97,49 | 208,97,49 |
| CMYK 복사: 251,118,0,8 | 251,118,0,8(각 성분 0~255) |
| HEX 복사: 0485F7 | 0485F7 |
| HEX 복사: #0485F7 | #0485F7 |
“RGB:” 같은 접두사 없이 값만 복사하므로 디자인 소프트웨어나 코드에 바로 붙여넣을 수 있습니다.