온라인 색상 변환기 | RGB, HEX, HSL, HSV, CMYK 동기화

색상 변환기 사용 방법

1. 1

   색상 값 입력하기

   원하는 형식 입력칸에 값을 붙여넣거나 직접 입력하세요. 예를 들어 HEX는 #2E8B57, RGB는 rgb(46, 139, 87), HSL은 hsl(146, 50%, 36%)처럼 넣으면 됩니다.

2. 2

   모든 형식이 동기화되는 것 확인하기

   값이 유효해지는 즉시 RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK, CMYKA 등 지원하는 모든 형식으로 자동 변환되어 한꺼번에 갱신됩니다.

3. 3

   색상 세밀하게 다듬기

   실시간 스와치와 기본 색상 선택기, 알파 슬라이더로 색상과 투명도를 조정하거나, 랜덤 버튼으로 새로운 색을 탐색해 보세요.

4. 4

   복사하거나 내보내기

   원하는 입력칸을 클릭하면 해당 값이 복사되고, 전체 복사를 누르면 모든 형식을 한 번에 가져와 CSS, 디자인 파일, 코드에 바로 붙여넣을 수 있습니다.

참고 자료

• W3C — CSS Color Module Level 4

  HEX, rgb(), hsl(), hwb() 등 CSS 색상 형식과 최신 색상 구문을 정의한 W3C 표준 명세입니다.

• MDN — CSS <color> value

  HEX, RGB/RGBA, HSL/HSLA를 비롯한 모든 CSS 색상 표기법과 알파 투명도 동작을 다루는 MDN 참고 문서입니다.

관련 도구

자주 묻는 질문

RGB를 HEX로, 또는 HEX를 RGB로 어떻게 변환하나요?

HEX 입력칸에 #2E8B57 같은 값을 넣으면 RGB 입력칸에 즉시 rgb(46, 139, 87)이 표시되고, 반대로 RGB 값을 넣으면 HEX가 바로 갱신됩니다. 모든 형식이 양방향으로 동기화되므로 별도의 변환 버튼 없이 어느 방향이든 한 번에 변환됩니다.

RGB 색상 코드는 어떤 형식으로 입력하나요?

RGB 입력칸에는 rgb(46, 139, 87)처럼 0~255 범위의 빨강·초록·파랑 값을 넣으면 됩니다. 투명도가 필요하면 RGBA 입력칸에 rgba(46, 139, 87, 0.5)처럼 마지막에 알파 값을 추가하세요.

어떤 색상 형식을 수정해도 나머지 형식이 함께 업데이트되나요?

네. 양방향 동기화를 지원합니다. RGB, RGBA, HEX, HSL, HSLA, HSV, HSVA, CMYK, CMYKA 중 어떤 형식을 수정해도 값이 유효해지는 즉시 다른 형식이 함께 갱신됩니다.

이미지에서 추출한 색상도 이 변환기로 다룰 수 있나요?

이미지에서 스포이드로 뽑은 HEX나 RGB 값을 그대로 입력칸에 붙여넣으면 다른 모든 형식으로 변환됩니다. 이 도구는 이미지를 직접 불러오지는 않으므로, 이미지에서 색을 추출한 뒤 그 코드를 여기에 넣어 사용하세요.

변환할 때 투명도는 어떻게 처리되나요?

이 페이지에서는 HEX를 알파 없이 표시합니다. 투명도는 RGBA, HSLA, HSVA, CMYKA에 유지되며 미리보기에도 현재 불투명도가 그대로 반영됩니다.

인쇄용으로 RGB를 CMYK로 변환할 수 있나요?

네. 다른 형식을 바꿀 때마다 CMYK와 CMYKA 입력칸이 함께 갱신되어 인쇄에 쓸 청록·자홍·노랑·검정 값을 얻을 수 있습니다. 다만 CMYK는 장치 의존적이므로 화면과 실제 인쇄 결과가 다소 다를 수 있습니다.

이 색상 변환기는 비공개로 동작하나요?

데이터가 기기 밖으로 나가지 않습니다. 모든 변환 로직이 브라우저 안에서 로컬로 실행되므로 색상 값이 서버에 업로드되지 않습니다.