MoaKit
전체 도구

OKLCH 컬러 피커

사람 눈에 고른 OKLCH로 색을 고르고, sRGB·P3 색역 확인, 같은 색조의 50~950 팔레트와 Tailwind @theme, 보색·유사색까지 만들어요.

화면 스포이트는 Chrome/Edge에서만 지원돼요 (Safari/Firefox 미지원)
oklch(68% 0.16 255)
색역sRGBDisplay P3

채도 막대의 세로선이 지금 밝기·색조에서 sRGB로 낼 수 있는 최대 채도예요.

팔레트 50~950

단계마다 sRGB 최대 채도 대비 비율을 맞춰 밝은 쪽·어두운 쪽도 탁해지지 않게 했어요. 눌러서 그 색으로 바꿔요.

색 조화

보색
유사색
삼각 배색
분할 보색

OKLCH는 밝기를 그대로 두고 색조만 돌려서, 조화색끼리 눈에 보이는 밝기가 같아요.

OKLCH란?

밝기·채도·색상으로 색을 고르는 OKLCH 방식의 컬러 피커예요. 밝기가 일정한 색 조합을 만들 때 좋아요.

사용 방법

  1. 밝기·채도·색상을 조절합니다.
  2. 미리보기를 확인합니다.
  3. CSS 값을 복사합니다.

사용 팁

  • 같은 밝기 값으로 색상만 바꾸면 균형 잡힌 팔레트가 돼요.