RGB
rgb(51, 102, 204)
- • 본 결과는 참고용 추정이며, 법령·고시·개인 조건에 따라 실제 값과 다를 수 있습니다.
- • 계약·신고·진단 등 최종 판단에는 공식 자료와 전문가 확인을 권장합니다.
이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받을 수 있습니다.
색상 코드 변환기란?
HEX·RGB·HSL·HSV·CMYK 등 다양한 색상 코드 형식을 상호 변환하는 도구입니다. 웹 디자인·UI 개발·그래픽 작업에서 자주 필요한 색상 단위를 한 번에 처리하세요.
| 형식 | 예시 | 주요 사용처 |
|---|---|---|
| HEX | #FF5733 | HTML, CSS |
| RGB | rgb(255,87,51) | CSS, JavaScript |
| HSL | hsl(11°,100%,60%) | CSS, 색상 조정 |
| HSV | hsv(11°,80%,100%) | 그래픽 소프트웨어 |
| CMYK | C:0 M:66 Y:80 K:0 | 인쇄 |
자주 묻는 질문 (FAQ)
- Q. 웹에서 투명도는 어떻게 표현하나요?
- A. RGBA rgba(255,87,51,0.5)로 알파값(0=완전투명, 1=불투명)을 추가하거나, HEX 8자리 #FF573380으로 표현합니다.
- Q. HSL이 디자인에서 유리한 이유는?
- A. HSL은 색상(Hue)·채도(Saturation)·명도(Lightness)를 직관적으로 조절할 수 있어 색상 팔레트 생성, 어두운/밝은 버전 만들기에 편리합니다.
- Q. 색맹·색약을 고려한 색상 선택 방법은?
- A. 적녹색맹이 가장 흔합니다(남성 8%). 빨강과 초록을 함께 쓸 때는 명도·패턴·텍스트로 구분하세요. Coblis, Adobe Color의 색맹 시뮬레이션 도구로 내 디자인이 어떻게 보이는지 미리 확인하세요.
관련 키워드
#색상도구#HEXRGB변환기#색상코드변환#WCAG대비비율계산#CSS색상#개발#프로그래밍#색상도구