색상 변환기

활용 상황과 적합한 작업

화면 색을 대조하고 CSS나 QR 배색을 준비합니다. 붙여 넣을 필드가 요구하는 표기를 확인하세요.

설정·결과 확인과 한계

6자리 HEX 예시 #2563eb를 입력하거나 색을 선택하세요. HEX·RGB·background-color를 복사하며 RGB는 읽기 전용입니다.

RGB 입력, 축약·알파 HEX, HSL은 지원하지 않습니다. 대비 측정과 CMYK 관리는 없으므로 실제 사용 환경에서 가독성을 확인하세요.

#2563eb → rgb(37, 99, 235)
background-color: #2563eb;

• QR 생성기 — 사용자 지정 색상과 가운데 로고.
• Markdown 미리보기 — Markdown을 작성하고 바로 결과를 확인합니다.

HEX RGB 변환 — 색상 선택 및 CSS 색상 코드

• #2563eb 같은 6자리 HEX를 입력하거나 색상을 선택하세요.
• HEX, RGB 또는 CSS background-color를 복사하세요.

색상 선택

1. #2563eb 같은 6자리 HEX를 입력하거나 색상을 선택하세요. 진행 전에 원본과 선택 항목을 확인하고 불필요한 항목을 빼세요.
2. 6자리 HEX 예시 #2563eb를 입력하거나 색을 선택하세요. HEX·RGB·background-color를 복사하며 RGB는 읽기 전용입니다.
3. 결과를 확인하고 필요한 텍스트를 사용할 곳에 보관한 뒤 페이지를 닫으세요.
4. RGB 입력, 축약·알파 HEX, HSL은 지원하지 않습니다. 대비 측정과 CMYK 관리는 없으므로 실제 사용 환경에서 가독성을 확인하세요. 실제 사용 크기로 확인하고 원본도 보관하세요.

색상 변환기