カラーピッカー

ブラウザ内で手動入力、画面、アップロード画像から色を取得し、HEX、RGB、HSL、HSV、CMYK、CSS 値を確認できます。

カラーピッカー

カラーピッカーは、手動入力、画面、画像ピクセルからブラウザ内でローカルに色を取得し、HEX、RGB、HSL、HSV、CMYK、CSS 値を即座に出力します。フロントエンド開発、デザイン連携、テーマ設定、色確認に便利です。

使い方

  1. 手動で色を選び、必要に応じて透明度を調整します。
  2. 対応ブラウザでは、画面のスポイトで UI 上の色を取得できます。
  3. 画像をアップロードして任意のピクセルをクリックしても色を取得できます。
  4. 必要な形式をコピーして CSS、デザイン仕様、設定ファイルに使います。

特徴

  • 手動入力、画面スポイト、画像ピクセル取得に対応
  • HEX、RGB、HSL、HSV、CMYK、CSS 値を出力
  • 画像をアップロードしてもブラウザ内だけで処理

利用する理由

  • フロントエンドとデザインの色指定を揃えられる
  • スクリーンショットや UI、画像から正確な色を復元できる
  • テーマ設定やスタイル調整時の色確認に便利

関連ツール

GIF作成

静止画や動画の断片から動くGIFを作成します。

画像サイズ変更

画像サイズを一括で変更し、ピクセルや比率指定、比率固定、ローカル保存に対応します。

画像を ICO に変換

画像を favicon やアプリアイコン向けの ICO に変換し、複数サイズを1ファイルにまとめられます。

SVG を PNG/JPG に変換

SVG を PNG または JPG に書き出し、サイズや背景色を設定してローカル保存できます。

SVG 最適化

ブラウザ内で SVG コードを最適化し、不要なメタデータを削除して軽量な SVG を出力します。

EXIF ビューア

ブラウザ内で画像の EXIF、GPS、カメラ情報、撮影パラメータを読み取ります。

画像メタデータ削除

ブラウザ内で JPEG、PNG、WebP 画像から EXIF、XMP、ICC などのメタデータを削除します。

画像パレット抽出

画像から主要色、比率、カラーパレットを抽出し、HEX、CSS、JSON としてローカル出力できます。

カラーコンバーター

ブラウザ内で HEX、RGB、HSL、HSV、HWB、LAB、LCH、CMYK、CSS キーワード間の色変換を双方向で行い、アルファにも対応します。

カラーコントラストチェッカー

前景色と背景色の WCAG コントラスト比をブラウザ内で確認し、通常文字と大きな文字の AA / AAA を判定します。

CSS グラデーションジェネレーター

ブラウザ内で linear-gradient、radial-gradient、conic-gradient を作成し、カラーストップ編集、ライブプレビュー、CSS コピーに対応します。

CSS ボックスシャドウジェネレーター

ブラウザ内で box-shadow のオフセット、ぼかし、拡散、透明度、角丸、inset を調整し、ライブプレビューと CSS コピーに対応します。

HTML カラーネーム一覧

ブラウザ内で HTML / CSS の命名色を検索・一覧表示し、色名、HEX、RGB をコピーできます。

favicon 生成

1枚の画像から favicon 一式、site.webmanifest、HTML 断片を生成します。

Gemini ウォーターマーク除去

Gemini の可視ウォーターマークをブラウザ内でローカル除去し、まとめて処理・保存できます。

画像を AVIF に変換

PNG や JPG などの画像を一括で AVIF に変換し、品質、縮尺、ZIP 保存に対応します。

PNG 圧縮

PNG のまま容量を圧縮し、縮尺や色数削減、プレビュー、ZIP 保存に対応します。

画像を WebP に変換

PNG や JPG などの画像を品質・縮尺を調整しながら一括で WebP に変換し、プレビューと ZIP 保存にも対応します。