서버에 데이터 저장 또는 전송 없음

Color Converter

CSS, 모바일 및 디자인 토큰 형식 간 색상 변환

HEX, RGB, HSL, HWB, Lab, LCH, Oklab, OKLCH, Display P3 및 CSS 색상 이름

#5CCC7FCC
H139°
알파80%
미리보기
밝은 배경
어두운 배경

모든 처리는 브라우저에서 로컬로 수행됩니다.

HEX
RGB
OKLCH
HEX + AlphaRRGGBBAA
RGB + Alpha
HSL
HSL + Alpha

CSS HEX는 RRGGBBAA, Android와 Flutter는 AARRGGBB를 사용합니다.

최근 색상

변환한 색상이 여기에 표시됩니다.

관련 도구

CSS 뷰티파이어 & 미니파이어CSS 코드 포맷, 최적화 및 압축Code Screenshot 생성기문서, 소셜 게시물, README용 깔끔한 코드 이미지 생성단위 변환기개발자를 위한 단위 변환기: 데이터 크기, 속도, 시간 등
Color Converter란?

하나의 색상을 분석해 CSS, JavaScript, 모바일 플랫폼, 디자인 토큰 및 최신 색 공간용 복사 가능한 값을 생성합니다. 알파를 보존하고 색역 한계를 표시하며 모든 처리를 브라우저에서 수행합니다.

사용 방법
  1. 1.HEX, RGB, HSL, HWB, Lab, LCH, Oklab, OKLCH, Display P3 또는 CSS 색상 이름을 입력합니다.
  2. 2.색상 선택기나 알파 슬라이더로 조정합니다.
  3. 3.형식, 코드, 토큰 또는 검사에서 필요한 값을 복사합니다.
  4. 4.로컬 기록에서 색상을 복원합니다.
정확도와 개인정보

모든 변환은 하나의 고정밀 모델에서 계산하고 출력할 때만 반올림합니다. Display P3 좌표를 보존하며 sRGB 잘림이 필요할 때 명확히 표시합니다. CMYK는 근사치이며 ICC 인쇄 변환이 아닙니다. 색상은 업로드되지 않습니다.