このページはAIで翻訳されており、ネイティブスピーカーによる確認はまだ行われていません。 英語版を読む

カラーピッカー&変換

ピッカーで色を選ぶか、HEX・RGB・HSLの値を入力するか、アップロードした画像をクリックしてピクセルの色を取得します。コントラスト比を参考に、読みやすい文字色を選べます。

画像から色を取得

画像を開いてクリックしてください

すべてブラウザ内で動作します。入力内容やファイルがサーバーにアップロードされることはありません。

使い方

  1. カラー入力を使うか、値を入力するか、画像を開いてピクセルをクリックします。
  2. HEX・RGB・HSLの値を確認し、必要なものをコピーします。
  3. 白と黒の文字に対するWCAGのコントラスト比を確認します。

使用例

ロゴからブランドカラーを取得する

ロゴ画像を開き、色の付いた部分をクリックしてHEXコードを取得します。

読みやすいボタンの文字色を選ぶ

白とのコントラストが4.5:1未満なら、濃い文字色を使うか色を暗くします。

プライバシー

すべてブラウザ内で動作します。入力内容やファイルがサーバーにアップロードされることはありません。 ブラウザに保存される内容(お気に入りと履歴のみ)については、プライバシーポリシーをご覧ください。 プライバシーポリシー

ご自身で確認できます:ブラウザの開発者ツールを開き、「ネットワーク(Network)」タブを選んでツールを使ってください。ファイルがアップロード要求に現れることはありません。このページがオフライン用に保存された後は、インターネットを切断しても作業を続けられます。 広告と匿名の訪問統計は、有効な場合は独自に通信しますが、あなたのファイルやテキストを受け取ることはありません。

よくある質問

画面スポイトとは?

一部のブラウザ(デスクトップ版のChromeとEdge)には、画面上の任意のピクセルの色を取得できるEyeDropperがあります。ボタンは対応している環境でのみ表示されます。

取得した色がわずかに異なるのはなぜですか?

JPGの圧縮やカラープロファイルによってピクセル値がずれることがあります。境目ではなく、色が均一な部分から取得してください。

カラーパレット作成ベースカラーからパレットを作成(補色、類似色、トライアド、明度違いの色)、または画像の主要な色を抽出します。
ファビコン作成画像または文字から、favicon.ico、16〜512 pxのPNG、Apple Touchアイコン、Webマニフェスト、HTMLタグまでの完全なファビコンセットを1つのZIPで生成します。
SVGプレビュー&最適化SVGファイルを安全にプレビューし、コメント、エディタのメタデータ、空白を削除して軽量化します。
画像圧縮JPG・PNG・WebP 画像をブラウザ内で、画質指定または 100 KB などの目標サイズで圧縮します。
画像リサイズJPG・PNG・WebP画像を正確なピクセル寸法またはパーセントでリサイズ。

ツールを検索