OKLCH 색상 선택기

OKLCH ↔ sRGB/HEX 슬라이더 변환

L (0–1)

C (0–0.4)

H (0–360)

16진수 / rgb에서

oklch: oklch(70.0% 0.150 240)

hex: #26a9f1

rgb: rgb(38, 169, 241)

CSS

color: oklch(70.0% 0.150 240);

OKLab → 선형 sRGB → sRGB를 통한 변환. Out-of-gamut 값은 제한됩니다.

사용 방법

L(lightness), C(chroma), H(hue) 슬라이더를 드래그하여 색상을 만드세요.
또는 기존 oklch(), hex 또는 rgb 값을 역방향 입력에 붙여넣어 색상을 가져오세요.
라이브 샘플과 아래의 생성된 oklch(), hex, rgb 값을 읽으세요.
출력 섹션에서 color: oklch(...) 사용 가능한 CSS 스니펫을 복사하세요.
복사 링크 버튼을 통해 현재 색상을 공유하세요.

예제

L=0.65, C=0.18, H=250을 설정하면 중간 파란색이 생성됩니다. 도구는 oklch(0.65 0.18 250), 16진수 #4b78d4, 동등한 rgb()를 표시합니다.
역방향 입력에 #ff6600을 붙여넣으면 슬라이더가 해당하는 OKLCH 좌표로 채워집니다.

프로덕션 사용 전 출력을 검증하십시오. 보증 없음 — 자세한 내용은 이용약관.