색상 도구

CMYK 네 값을 HEX 코드와 RGB로 변환하고 바로 미리봅니다. 단계별 환산과 웹·인쇄용 출력 코드를 함께 내줍니다.

HEX 색상 코드를 넣으면 인쇄용 C·M·Y·K 퍼센트로 바꿉니다. 잉크 분해와 인쇄 미리보기를 함께 보여줍니다.

HEX 색상 코드를 넣으면 R, G, B 0–255 값으로 바꿉니다. HSL·CMYK와 색 미리보기를 함께 보여줍니다.

R·G·B 값을 입력하면 HEX 코드와 CSS 색상 미리보기를 보여줍니다. HSL·HSV·CMYK 값, 명암 대비 검사 결과, 가장 가까운 색상 이름도 확인할 수 있습니다.

색상과 각 색상이 배치될 위치, 각도를 조절해 선형·원형 CSS 그라데이션을 만듭니다. 완성된 CSS와 Tailwind·SVG 코드도 복사할 수 있습니다.

조화 모드를 고르면 맞춰진 색 팔레트를 무작위로 만듭니다. 마음에 드는 색을 고정하고 HEX·RGB·HSL·CMYK로 내보냅니다.

텍스트색과 배경색의 대비 비율과 WCAG AA·AAA 등급을 확인합니다. 통과 여부와 읽기 쉬운 대체 색 제안을 보여줍니다.

HEX·RGB 색을 반전한 보색 코드와 HSL·CMYK 값을 보여줍니다. 색상환과 WCAG 대비 결과도 함께 확인할 수 있습니다.

기준색으로 보색·유사색·분할보색·사각형 팔레트를 만듭니다. CSS와 Tailwind 코드, 접근성 대비를 내보냅니다.

HEX·RGB·HSL·HSV·CMYK 값을 한 번에 서로 변환해 보여줍니다. 실시간 미리보기, 대비 검사, 보색 팔레트를 함께 제공합니다.

올린 이미지에서 클릭한 점의 HEX·RGB·HSL·CMYK 색을 뽑습니다. 팔레트를 모으고 보색·유사색 배합도 바로 확인합니다.

버튼을 누르면 HEX, RGB, HSL 색 코드를 무작위로 만듭니다. 팔레트를 모으고 코드를 클릭해 바로 복사할 수 있습니다.

기준 색상 하나를 고르면 유사·보색·삼보색·단색 팔레트를 만듭니다. CSS, SCSS, JSON, Tailwind 코드로 바로 내보낼 수 있습니다.

목표 색과 가진 기본 페인트를 고르면 배합 비율과 필요량을 계산합니다. 혼합 미리보기와 Delta-E로 색 일치도를 평가합니다.