MoaKit
전체 도구

컬러 코드 변환기

HEX·RGB·HSL·OKLCH·LAB 등 색 코드를 한 번에 서로 바꾸고, SwiftUI·Android·Flutter 코드와 명도 단계, 글자 대비까지 보여줘요.

화면 스포이트는 Chrome/Edge에서만 지원돼요 (Safari/Firefox 미지원)

색 코드

명도 단계

눌러서 그 색으로 바꿔요. 색상·채도는 그대로 두고 OKLCH 밝기만 바꿨어요.

흰 배경에 이 색 글자4.47:1 큰 글자만
검은 배경에 이 색 글자4.7:1 AA
다른 배경색과 대비를 자세히 보려면 색 대비 검사기 →

개발 코드

컬러 코드 변환기란?

HEX, RGB, HSL 같은 색 표기를 서로 바꿔 주는 도구예요.

사용 방법

  1. 색 코드를 입력하거나 색을 고릅니다.
  2. 원하는 표기를 확인합니다.
  3. 복사해 CSS나 디자인 도구에 붙여 넣습니다.

사용 팁

  • 투명도가 필요하면 8자리 HEX 또는 rgba() 값을 쓰세요.