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()の値を使ってください。