색상표/색상 변환

색상표/색상 변환 도구는 웹 페이지나 디자인 작업에서 자주 쓰는 HEX, RGB, HSL 값을 서로 바꿔 확인할 때 사용합니다. 색상 코드 하나만 알고 있어도 다른 형식의 값을 바로 계산하고, 미리보기 영역에서 실제 색상을 확인할 수 있습니다. CSS 작성, 블로그 스킨 수정, 배너 색상 정리처럼 간단한 작업에 맞춰 구성했으며, 팔레트에서 기본 색상을 선택해 빠르게 값을 복사할 수 있습니다. 모든 변환은 브라우저 안에서 처리됩니다.

색상 값 입력
예: #2f80ed, #09f
예: 47, 128, 237
예: 213, 83%, 55%
자주 쓰는 색상 팔레트
광고 영역
팔레트 아래에 배치된 광고 자리입니다.

사용법

  1. 알고 있는 색상 값을 HEX, RGB, HSL 중 한 칸에 입력합니다.
  2. 해당 형식의 기준 변환 버튼을 누릅니다.
  3. 다른 형식의 값과 미리보기 색상을 확인한 뒤 필요하면 복사합니다.

예시

CSS에서 #2f80ed를 사용하고 있다면 HEX 칸에 입력한 뒤 변환하면 RGB 47, 128, 237과 HSL 값을 함께 확인할 수 있습니다. 반대로 디자인 문서에 RGB 값만 있을 때도 CSS용 HEX 값으로 빠르게 바꿀 수 있습니다.

주의사항

RGB 값은 0부터 255 사이의 정수로 입력해야 합니다. HSL의 채도와 명도는 0%부터 100% 사이 값으로 계산합니다. 화면에서 보이는 색상은 모니터, 브라우저, 운영체제의 색상 설정에 따라 조금 다르게 느껴질 수 있습니다.

FAQ

# 없이 HEX를 입력해도 되나요?

네. 2f80ed처럼 입력해도 자동으로 #을 붙여 정리합니다.

팔레트 색상은 어떤 기준인가요?

웹 작업에서 자주 쓰이는 기본 계열 색상을 빠르게 선택할 수 있도록 준비한 예시 팔레트입니다.