OKLCH 색상 스케일 생성기 — 밝기·채도 곡선을 직접 조정

웹 디자인에서 색상 팔레트를 만들 때 쓰는 새로운 도구가 공개됐습니다. OKLCH라는 색상 방식을 이용해, 밝기와 채도의 변화 곡선을 직접 손으로 조정할 수 있습니다. 디자이너나 프론트엔드 개발자가 더 일관된 색상 세트를 빠르게 만들 때 유용합니다.

OKLCH는 사람 눈에 더 균일하게 보이도록 설계된 현대적인 색상 표현 방식입니다. 기존 도구들은 밝기나 채도를 일괄 조정하는 데 그쳤지만, 이 생성기는 각 단계마다 곡선을 그려가며 세밀하게 제어할 수 있습니다.

예를 들어 10단계 색상 스케일(100~1000)을 만들 때, 밝은 쪽은 천천히, 어두운 쪽은 급격히 변하도록 곡선을 설정할 수 있습니다. 결과물은 CSS 변수나 코드로 바로 내보낼 수 있어 실무에 바로 적용하기 쉽습니다.

핵심 포인트

  • OKLCH 방식은 화면마다 색이 다르게 보이는 문제를 줄여줍니다
  • 밝기(lightness)와 채도(chroma) 각각의 변화 곡선을 따로 조정할 수 있습니다
  • 10단계 등 원하는 단계 수로 색상 스케일을 생성할 수 있습니다
  • 결과를 CSS 코드로 바로 내보낼 수 있습니다
  • AI 에이전트 개발보다는 UI 디자인 작업에 더 관련 있는 도구입니다

용어 한 줄 설명

OKLCH
빨강·초록·파랑 대신 밝기·색조·채도로 색을 표현하는 방식으로, 사람 눈에 더 일정하게 보입니다
채도
색이 얼마나 선명하고 진한지를 나타내는 수치입니다
색상 스케일
같은 색의 밝고 어두운 단계를 일정한 간격으로 나열한 팔레트입니다
CSS
웹페이지의 색, 크기, 배치 같은 모양을 정하는 규칙입니다.
AI 에이전트
사람 대신 정보를 찾거나 작업을 처리하도록 만든 AI 프로그램입니다.
원문 보기