ToolVault

색상 변환기

HEX, RGB, HSL, CMYK 간 색상 변환, 실시간 미리보기와 조화 팔레트 생성.

색상 입력 (HEX, 3/6/8자리)

커서를 움직여 정확한 색을 보고, 클릭으로 고정

HEX#2563eb
RGBrgb(37, 99, 235)
HSLhsl(221, 83%, 53%)
CMYKcmyk(84%, 58%, 0%, 8%)

조화 팔레트

색상 변환기 사용 방법

  1. 16진수 코드를 입력하거나 RGB 슬라이더를 조절하거나 HSL 값을 붙여 넣어 원하는 형식으로 색상을 입력하세요.
  2. 실시간 미리보기 타일에서 색상을 확인하고 4가지 형식 중 원하는 값을 클릭 한 번으로 복사하세요.
  3. 팔레트 생성을 눌러 선택한 색상을 바탕으로 조화로운 보색, 유사색, 삼각 배색을 만드세요.

이 도구에 대하여

화면, 편집기, 디자인 시스템마다 색상을 표현하는 방식이 조금씩 다릅니다. CSS는 HEX나 HSL을 쓰고, Photoshop의 색상 혼합은 CMYK를 제안하며, 라이브러리는 rgb()를 선호합니다. 이 변환기는 양방향이므로 어떤 형식으로든 입력할 수 있으며, 4가지 형식을 실시간 미리보기 타일과 함께 동시에 보여 줍니다. 복사하기 전에 브랜드 색상과 일치하는지 확인하세요. 팔레트 생성기는 정확한 색상환 회전을 바탕으로 보색, 유사색, 삼각 배색을 도출합니다. 디자이너가 하나의 브랜드 색상을 중심으로 5개 색상 견본의 구성을 몇 초 만에 만드는 방식입니다. 페이지 새로고침도, 분석 추적도, 기다림도 없이 즉시 작동하도록 만들었습니다. 스포이트로 집기 좋은 큰 미리보기는 어두운 테마와 밝은 테마에서 비교하기에도 편리합니다.

자주 묻는 질문

CMYK 값은 인쇄용으로 정확한가요?

CMYK 값은 RGB에서 수학적으로 계산되며 문서 작업이나 빠른 추정에 적합합니다. 최종 인쇄 교정에서는 ICC를 지원하는 도구로 색상을 관리해야 합니다.

알파값을 포함한 8자리 16진수도 지원하나요?

네. 16진수 입력은 3자리, 6자리, 8자리 형식을 지원하며 대상 형식에서 알파값을 지원하는 경우 이를 정규화합니다.

어떤 팔레트 유형을 생성하나요?

보색(색상환에서 서로 반대), 유사색(인접한 색상), 삼각 배색(동일한 간격의 3가지 색상)을 생성하며, 각각 명도를 조절한 변형을 만들 수 있습니다.

이 도구가 도움이 되었나요?