← 無料ツール一覧

画像の配色抽出・コントラスト確認

画像から 2~8 色を抽出し、HEX・CSS のコピーと WCAG 文字コントラスト確認ができます。

無料・登録不要 · ブラウザー内で実行

画像の配色抽出・コントラスト確認

結果

設定を選んで実行すると結果が表示されます。

使い方

  1. 画像から 2~8 色を抽出し、HEX・CSS のコピーと WCAG 文字コントラスト確認ができます。
  2. 入力と設定を選びます。例の値は変更できます。
  3. 実行し、プレビューと注意事項を確認します。
  4. 結果をダウンロードします。元のファイルは変更されません。

対応範囲とプライバシー

最大 20 MB・40 MP。配色はサンプリングによる近似です。不透明な sRGB HEX 色の対比のみ検査し、ページ全体のアクセシビリティを認証しません。

公式資料 ↗

よくある質問

結果を使う前に何を確認すべきですか?

最大 20 MB・40 MP。配色はサンプリングによる近似です。不透明な sRGB HEX 色の対比のみ検査し、ページ全体のアクセシビリティを認証しません。

結果を実際の作業に活用

ワークスペースで結果を保存、管理して活用できます。