MoaKit
All tools

Color Converter

Convert between HEX, RGB, HSL, OKLCH, LAB and more at once, with SwiftUI, Android and Flutter code, a lightness scale and text contrast.

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

색 코드

명도 단계

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

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

개발 코드

What is Color Converter?

Converts between color notations such as HEX, RGB and HSL.

How to use

  1. Enter a color code or pick a color.
  2. Check the notation you want.
  3. Copy it and paste it into CSS or a design tool.

Tips

  • If you need transparency, use an 8-digit HEX or an rgba() value.