MoaKit
すべてのツール

カラーパレット抽出

写真から主要な色を抽出してメイン・サブ・アクセント・ニュートラルの役割を付け、明度の段階、文字コントラスト、CSS・Tailwind・デザイントークンの書き出しまで行います。

이미지를 드래그하거나 클릭하여 업로드

PNG, JPG, WEBP 지원

이미지는 서버로 보내지 않고 이 브라우저 안에서만 처리해요. Ctrl+V 로 붙여 넣어도 돼요.

추출 로직

추출 색상 개수

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

팔레트

이미지를 업로드하거나 스포이트로 색상을 추출하면 팔레트가 여기에 표시됩니다.

カラーパレット抽出とは?

画像から代表色を抜き出してパレットにします。ロゴ・サムネイル・デザイン案に使う色を選ぶときに便利です。

使い方

  1. 画像をアップロードします。
  2. 抽出された色を確認します。
  3. カラーコード(HEXなど)をタップしてコピーします。

使い方のコツ

  • 背景が単色だと、代表色が背景に偏ります。被写体の部分だけを切り取ってアップロードすると、使いやすい色が出ます。
  • アップロードした画像はサーバーに送信されず、ブラウザの中だけで処理されます。