무료 · 설치 없음 · 브라우저에서 처리

색상 도구 — HEX·RGB·HSL 변환, 팔레트·그라디언트 생성

색상 도구는 디자인과 개발에 필요한 색 작업을 모은 페이지입니다. HEX·RGB·HSL·HSV·CMYK 값을 서로 바꾸고, 색 이론에 맞는 배색 팔레트를 만들고, CSS 그라디언트 코드를 바로 복사할 수 있습니다.

주요 기능

  • HEX · RGB · HSL · HSV · CMYK 상호 변환
  • 보색, 삼각, 사각, 유사색, 분할 보색, 단색 계열 팔레트 생성
  • 팔레트를 CSS 변수나 JSON으로 복사
  • 선형(각도 지정)·원형 그라디언트, 여러 색 정지점, CSS·Tailwind 코드 출력
  • 두 색을 섞는 색상 혼합기

사용 방법

  1. 상단 탭에서 변환·팔레트·그라디언트·혼합 중 하나를 고릅니다.
  2. 기준 색을 입력하거나 색상 선택기로 고릅니다.
  3. 결과 값이나 코드를 복사해 사용합니다.

자주 묻는 질문

Q. 인쇄용 CMYK 값도 알 수 있나요?
변환 탭에서 CMYK 값을 확인할 수 있습니다. 다만 화면 색을 수식으로 바꾼 값이라 실제 인쇄 색과는 차이가 있을 수 있습니다.
Q. 명도 대비(웹 접근성) 검사도 되나요?
현재는 명도 대비 검사 기능이 없습니다.
Q. Tailwind CSS용 그라디언트 클래스도 나오나요?
선형 그라디언트는 Tailwind 클래스 형태로도 복사할 수 있습니다.

개인정보와 파일 처리

EOW의 모든 처리는 사용자의 브라우저 안에서 이뤄집니다. 선택한 파일은 EOW 서버로 업로드되지 않으며, 탭을 닫으면 작업 중인 데이터도 함께 사라집니다.