HSL to HEX Converter
Convert HSL colors to HEX instantly
감지 형식: hsl
HEX, RGB, HSL, HWB, Lab, LCH, Oklab, OKLCH, Display P3 및 CSS 색상 이름
#5CCC7FFF
H139°
알파100%
미리보기
밝은 배경
어두운 배경
모든 처리는 브라우저에서 로컬로 수행됩니다.
hsl
hex
HEX
RGB
OKLCH
HEX + AlphaRRGGBBAA
RGB + Alpha
HSL
HSL + Alpha
CSS HEX는 RRGGBBAA, Android와 Flutter는 AARRGGBB를 사용합니다.
최근 색상
변환한 색상이 여기에 표시됩니다.
개요
HSL 색상을 HEX로 직접 변환하고 대상 구문이 지원하면 sRGB 색상과 알파를 유지합니다. 이 페이지는 HSL 입력으로 시작하고 HEX 결과를 먼저 표시합니다.
작동 방식
hsl(139 52% 58%) 같은 HSL를 입력하세요. 브라우저 엔진이 채널을 검증하고 하나의 색상 모델을 거쳐 HEX, 미리보기, 대비 및 기타 개발 형식을 즉시 갱신합니다.
예시와 사용
CSS, 디자인 전달, 앱 코드 또는 인쇄 사양 사이에서 색상을 옮길 때 HSL에서 HEX 변환을 사용하세요. 색상 값은 업로드되지 않습니다.
경계 사례와 제한
HSL 색조는 360도에서 순환하고 채도와 명도에는 백분율이 필요합니다. HEX는 3, 4, 6, 8자리를 지원하며 8자리 CSS 값은 RRGGBBAA 순서입니다.
역방향 변환
반대 방향은 연결된 HEX에서 HSL 변환기를 사용하세요. URL, 제목, 초기 입력과 주요 결과가 함께 전환됩니다.
