Simple Little Tools

デザイン制作や日常業務に役立つシンプルなWebツール集

カラーパレットツール

画像から配色を5色抽出します。

ファイルが外部に送信されることはなく、処理はすべてお使いのブラウザ内で完結します。

ここにファイルをドロップ

またはクリックして選択

抽出されたカラーパレット

画像をアップロードすると、ここにカラーパレットが5色表示されます。

ツールの特徴と使い方

  • 色を抽出: 左側のエリアに画像ファイルをドラッグ&ドロップするか、クリックしてファイルを選択すると、画像で使われている主要な5色を自動で抽出して右側に表示します。
  • カラーコードをコピー: 表示された各色のHEX、RGB、CMYK値をクリックすると、その値をクリップボードにコピーできます。CMYK値はDTP(印刷物)デザインの参考としてご利用ください。
  • CSS変数をコピー: 「CSS変数をコピー」ボタンを押すと、表示されている5色をCSSのカスタムプロパティ(変数)としてまとめてコピーできます。Webサイトのスタイルシートにそのまま貼り付けて使えます。