본문 바로가기

함께 만들어가는 공간

모아
로그인

색상 변환기

HEX · RGB · CMYK · HSL 색상 코드를 서로 바꾸고, 글자색·배경색의 대비(WCAG)와 팔레트 조합표를 검사합니다.

RGB (0–255)
CMYK (0–100%)

CMYK 값은 색 프로필(ICC) 없이 표준 공식으로 계산한 근사값입니다.

복사하기 좋은 형식

  • HEX
  • RGB
  • CMYK
  • HSL

색상 대비 검사

글자색과 배경색의 명도 대비를 WCAG 2.x 기준으로 재고, 팔레트의 모든 조합을 한 표로 봅니다. 본문 글자는 4.5 : 1 이상이 기준입니다.

큰 글자 샘플 (18pt 이상)

일반 글자 샘플입니다. 본문 크기에서 읽히는지 확인하세요.

대비 비율

    팔레트 조합표

    색을 줄바꿈·쉼표로 나눠 적으면(최대 12색) 글자색과 배경색으로 쓸 수 있는 모든 조합의 대비를 표로 보여 줍니다. 칸을 누르면 위 검사기로 가져갑니다.

    WCAG 2.x 상대 명도 기준입니다. 글자 굵기·크기·주변 색에 따른 실제 가독성까지 보장하지는 않으며, 비율은 소수 둘째 자리에서 내림해 보여 줍니다(4.499 를 4.50 으로 올려 통과처럼 보이지 않게). 입력한 색은 서버로 전송되지 않습니다.

    색 조화 팔레트·색 단계

    기준색 하나로 어울리는 색 후보와 50~950 단계를 만들고 CSS·Tailwind 코드로 복사합니다. 견본을 누르면 HEX 가 복사되고, 글자를 올릴 때의 대비도 함께 보여 줍니다.

    어울리는 색

    색상환에서 각도만 돌리고 채도·밝기는 그대로 둡니다. 출발점으로 쓰고 눈으로 다듬으세요.

    50~950 단계

    500 이 기준색이고 밝은 쪽은 흰색을, 어두운 쪽은 검정을 섞습니다. 기준색이 중간 밝기일 때 가장 고릅니다. Tailwind 공식 팔레트와는 값이 다릅니다.

    RGB 와 CMYK 의 차이

    구분 RGB CMYK
    방식 빛을 더하는 가산혼합 잉크를 겹치는 감산혼합
    쓰임 모니터·휴대폰·웹 인쇄물·명함·포스터
    기본색 빨강·초록·파랑 청록·자홍·노랑·검정
    표현 범위 넓다(밝고 선명한 색 가능) 좁다(형광·아주 선명한 색은 불가)

    변환 공식

    K = 1 − max(R′, G′, B′), C = (1 − R′ − K) ÷ (1 − K), M = (1 − G′ − K) ÷ (1 − K), Y = (1 − B′ − K) ÷ (1 − K) (R′ = R ÷ 255). 역변환은 R = 255 × (1 − C) × (1 − K) 입니다.

    인쇄하면 색이 달라 보이는 이유

    모니터는 스스로 빛을 내지만 인쇄물은 종이가 반사한 빛을 봅니다. 또 CMYK 로 표현할 수 있는 색 범위가 RGB 보다 좁아, 화면의 선명한 파랑·초록은 인쇄에서 탁해집니다. 중요한 인쇄물은 인쇄소가 요구하는 색 프로필로 변환해 시안을 확인하세요.

    검정색 사용 권장

    본문 글자는 C0 M0 Y0 K100 처럼 K 만 쓰는 것이 좋습니다. 네 잉크를 모두 섞은 검정은 인쇄 때 글자 가장자리가 번집니다.

    자주 묻는 질문

    변환 결과가 인쇄소 색과 다른 이유는?

    이 도구는 프로필 없는 표준 공식이라 근사값입니다. 정확한 인쇄색은 인쇄소의 ICC 프로필로 확인하세요.

    입력한 색이 서버에 저장되나요?

    아닙니다. 계산은 모두 브라우저에서 이루어지며 어디로도 전송되지 않습니다.

    HEX 를 3자리로 써도 되나요?

    네. #F00 은 #FF0000 으로 해석됩니다.

    이 도구 사용 안내

    웹·디자인 작업에서 색 코드를 바꾸거나 읽기 쉬운지 점검할 때 쓰세요. HEX·RGB·CMYK·HSL을 서로 변환하고, 글자색·배경색의 대비(WCAG)와 팔레트 조합표를 검사합니다.

    자주 묻는 질문

    HEX와 RGB는 어떻게 다른가요?

    둘 다 같은 색을 표현하는 방식입니다. HEX는 #3366FF처럼 16진수, RGB는 빨강·초록·파랑 값(0~255)으로 씁니다. 이 도구에서 서로 바꿀 수 있습니다.

    글자색과 배경색 대비는 왜 보나요?

    대비가 낮으면 읽기 어렵습니다. WCAG 기준에 맞는지 검사해 접근성이 좋은지 확인할 수 있습니다.

    CMYK도 지원하나요?

    네. HEX·RGB·CMYK·HSL을 서로 바꿉니다. 인쇄용 CMYK는 화면 색과 달라 보일 수 있습니다.

    모든 도구 보기

    단위 변환기

    길이·무게·온도·넓이·부피를 바꿔 줍니다. 평·근·돈·자 같은 전통 단위도 지원합니다.

    환율 계산기·알림

    한국수출입은행 매매기준율로 주요 통화를 바꿔 보고, 원하는 환율이 되면 메일로 알림을 받습니다.

    견적서·거래명세서

    품목을 입력하면 공급가액·부가세·합계(한글 금액 포함)가 계산된 서류 미리보기를 만들고 인쇄 또는 PDF 로 저장합니다. 입력한 내용은 서버로 가지 않습니다.

    연봉 실수령액·급여 계산

    연봉·월급에서 4대보험과 소득세를 뺀 월 실수령액, 주휴수당, 퇴직금, 실업급여(구직급여)를 계산합니다. 연도별 요율 기준이며 입력한 금액은 이 브라우저 밖으로 나가지 않습니다.

    부동산 계산 모음

    중개보수(복비) 상한, 주택 취득세, 전월세 전환, LTV·DSR 대출 한도를 계산합니다. 연도별 요율 기준의 참고용 계산이며 입력한 금액은 이 브라우저 밖으로 나가지 않습니다.

    위치 데이터 변환(GPX·KML·좌표계)

    GPX·KML·GeoJSON 파일을 서로 바꾸고, WGS84와 한국 TM·UTM-K 좌표를 변환하며, 도분초 표기와 두 지점의 거리·방위를 계산합니다. 파일과 좌표는 이 브라우저 밖으로 나가지 않습니다.