이미지 및 디자인 도구

색상 형식 변환기

CSS 작성, 디자인 전달과 색상 변환 학습을 로컬에서 돕습니다.

브라우저에서 로컬 처리가입 불필요개인정보 안내 ↗

불투명 sRGB: 3/6자리 HEX, 숫자 또는 백분율 RGB, deg/grad/rad/turn 색조와 백분율 채도·밝기의 HSL. 쉼표 RGB에서는 단위를 섞을 수 없습니다. alpha, 색상 이름, none, 광색역은 지원하지 않습니다. 숫자 토큰은 최대64자입니다. 0이 아닌 입력이나 색조 단위 변환이 언더플로로0이 되면 거부합니다. JavaScript 부동소수점 정밀도 제한은 계속 적용됩니다.

사용 방법

사용 방법

  1. HEX, RGB 또는 HSL을 선택하고 불투명 sRGB 색상을 입력합니다.
  2. 사용 목적을 선택하고 변환해 미리보기와 반올림 값을 비교합니다.
  3. 전체 보고서를 복사하거나 UTF-8 TXT로 저장합니다. 편집과 초기화는 이전 결과를 무효화합니다.

엄격한 지원 문법

HEX는 # 유무와 관계없이 3/6자리입니다. RGB는 0–255 십진수 또는 0–100%이며 소수와 지수를 허용합니다. 공백 형식은 단위를 섞을 수 있지만 쉼표 형식은 같은 단위가 필요합니다. HSL은 쉼표 또는 공백, 도/grad/rad/turn 색조와 0–100% 채도·밝기를 사용합니다. 색조는 순환합니다. alpha, 이름, none, calc(), CMYK, 광색역은 지원하지 않습니다. 범위 밖은 CSS처럼 자르지 않고 거부합니다.

정밀도와 보고서

감마 인코딩 sRGB를 사용합니다. 보고서는 원본 입력, 목적, 단위가 있는 파싱 채널, RGB/HSL과 전체 형식을 JavaScript Number 정밀도로 보존합니다. HEX는 8비트, 표시 RGB는 정수, 색조는 정수 도, 채도·밝기는 0.1%로 반올림합니다. ICC나 지각적 정확도는 보장하지 않습니다. 숫자 토큰은 최대64자입니다. 0이 아닌 입력이나 색조 단위 변환이 언더플로로0이 되면 거부합니다. JavaScript 부동소수점 정밀도 제한은 계속 적용됩니다.

로컬 작업

처리, 미리보기, 복사와 UTF-8 TXT 저장은 브라우저에서 실행됩니다. 목적은 계산을 바꾸지 않습니다. 편집, 초기화와 이동은 오래된 결과를 지웁니다. 클립보드 실패 시 보고서를 선택해 직접 복사할 수 있습니다.

자주 묻는 질문

더 알아보기

투명도를 지원하나요?

아니요. 불투명 색상만 허용하고 alpha와 RGBA/HSLA는 거부합니다.

표시 값과 보고서가 다른 이유는?

표시는 읽기 쉽게 반올림하고 보고서는 부동소수 값을 유지합니다. HEX는 8비트 양자화로 왕복 결과가 달라질 수 있습니다.

클립보드 권한 없이 내보내려면?

TXT를 다운로드하거나 보고서를 선택해 복사하세요. 업로드하지 않습니다.