無料ツールすべてのカラーツール
画像からカラーパレットを作成。
写真やロゴ、スクリーンショットをドロップすると、主な色を多い順にパレットとして取り出します。HEXコードやCSS変数としてそのままコピーできます。
ここに画像をドロップ
or
PNG, JPG, WebP, GIF, SVG
ブラウザー上で動作します。画像がお使いのデバイスの外に出ることはありません。
無料ツールです。保証も責任も負いません。結果はtransjt.aiの無料ツールが自動で生成したものにすぎません。不完全だったり誤っていたりする場合があります。transjt.aiは、これに基づく判断や変更について一切の保証をせず、責任も負いません。使用する前に、すべての結果を必ず確認してください。
いいえ。画像はお使いのデバイス上のブラウザーで読み込まれます。サーバーに送られることはないので、未公開のデザインのスクリーンショットも外に出ません。
似たピクセルをグループにまとめ、各グループの平均色を取り出します。大きいグループから順に並び、それぞれの色が画像に占める割合も表示されます。
写真なら通常5〜6色で足ります。ロゴやフラットなグラフィックなら、もっと少なくて済みます。透明な部分は対象外です。
HEXリストをコピーしてFigmaのスタイルやバリアブルに貼り付けるか、CSS変数(--color-1など)をコピーしてスタイルシートに入れます。
はい。登録不要で、制限もありません。
その他の無料ツール
関連ツール。
- 補色反対色と、ほかに4つの配色をカラーホイール上に表示。
- 画像のカラーピッカー画像の任意の位置をクリックして、HEXとRGBを取得。
- RGBからHEXへ赤、緑、青の値を、入力と同時にHEXコードへ。
- HEXからRGBへHEXコードを、入力と同時に赤、緑、青の値へ。
- CMYKからRGBへ印刷用の値を、HEXコードつきで画面用の色へ。
- カラーコントラストチェッカー文字色と背景色を、WCAGのAAとAAAに照らしてチェック。
- すべてのカラーツールHEX、RGB、CMYKのコード、補色、カラーピッカー、画像からのカラーパレット。
- すべての無料ツールWebサイトまわりの作業のための小さなツール集。画像、カラー、サイズ、フォント、代替テキスト、AIビルダー向けのプロンプト、そしてAIエージェントがサイトを使えるかどうかのチェック。変換ツールはブラウザー内で動作するので、何もアップロードされません。