カラーパレット作成ベースカラーからパレットを作成(補色、類似色、トライアド、明度違いの色)、または画像の主要な色を抽出します。
カラーピッカー&変換
ピッカーで色を選ぶか、HEX・RGB・HSLの値を入力するか、アップロードした画像をクリックしてピクセルの色を取得します。コントラスト比を参考に、読みやすい文字色を選べます。
画像から色を取得
画像を開いてクリックしてください
すべてブラウザ内で動作します。入力内容やファイルがサーバーにアップロードされることはありません。
使い方
- カラー入力を使うか、値を入力するか、画像を開いてピクセルをクリックします。
- HEX・RGB・HSLの値を確認し、必要なものをコピーします。
- 白と黒の文字に対する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)JPG・PNG・WebP間で画像を一括変換。
画像圧縮JPG・PNG・WebP 画像をブラウザ内で、画質指定または 100 KB などの目標サイズで圧縮します。
画像リサイズJPG・PNG・WebP画像を正確なピクセル寸法またはパーセントでリサイズ。