01
지각 색 공간
OKLCH의 지각적으로 균일한 색 공간으로 작업하여 더 예측 가능한 색상 조정과 디자인에서 더 나은 시각적 일관성을 얻으세요.
Free browser-based OKLCH toolkit
OKLCH 컬러 도구 모음
현대적인 OKLCH 색 공간을 위한 전문 컬러 피커 및 변환기. HEX, RGB, HSL, LAB 및 OKLCH 간의 변환을 실시간 미리보기 및 색영역 검사와 함께 제공.
Runs entirely in your browser
Copy-ready CSS output
Free to use, no signup
01
Pick and convert colors
Tune OKLCH, then copy HEX, RGB, HSL, LAB, or native OKLCH syntax without leaving the page.
02
Validate contrast early
Check foreground and background pairs before they become UI problems in production.
03
Check gamut and browser support
Understand sRGB, P3, Rec2020, and modern CSS Color 4 support before you ship.
Supported in Chrome 111+, Safari 15.4+, and Firefox 113+
Core Capabilities
강력한 기능
현대적인 색상 워크플로우를 위해 설계된 포괄적인 도구
Start with direct manipulation, then validate palettes, contrast, gamut, and browser support as the decision becomes production-facing.
02
실시간 색상 변환
색상을 조정하는 동안 OKLCH, HEX, RGB, HSL 및 기타 형식 간의 즉각적인 변환을 확인하세요. 지연 없이, 추측 없이.
03
스마트 팔레트 생성
OKLCH의 수학적 정밀도를 사용하여 조화로운 색상 팔레트를 생성하세요. 완벽한 보색, 유사색, 삼각색 색 구성표를 만드세요.
04
접근성 중심 디자인
내장된 WCAG 대비 확인과 색맹 시뮬레이션으로 모든 사람에게 작동하는 색상을 보장하여 포용적 디자인을 쉽게 만듭니다.
05
복사 준비된 CSS 코드
현대적인 OKLCH 구문, CSS 사용자 정의 속성 및 최대 브라우저 호환성을 위한 폴백 값이 포함된 프로덕션 준비 CSS를 얻으세요.
06
디자인 도구 통합
색상과 팔레트를 Figma, Sketch, Adobe Creative Suite 및 인기 디자인 시스템으로 원클릭 호환성으로 직접 내보내기.
Need To Know
자주 묻는 질문
OKLCH 색상 선택기 및 변환기에 대한 일반적인 질문
These are the questions most visitors ask before they trust a new color workflow with production UI work.