UTIL

カラーパレット生成

美しいカラーパレットを生成し、画像からパレットを抽出して、HEX、RGB、CSSコードをコピーできます。デザイナー向けの無料ツール。

色をクリックするとHEXコードをコピーできます。気に入った色をロックして再生成しましょう。

カラーパレット生成について

カラーパレット生成ツールは、デザインに使える調和のとれた配色を作成します。スペースキーで新しいパレットを生成し、気に入った色をロックし、類似色や補色などの配色ルールを選んだり、写真をアップロードして主な色を抽出したりできます。

カラーパレット生成の使い方

  1. スペースキーか「生成」で新しいパレットを作るか、画像をアップロードします。
  2. 残したい色をロックします。
  3. 色をクリックしてHEXコードをコピーするか、パレット全体をCSSで書き出します。

よくある質問

「画像から」はどのような仕組みですか?

画像内の似た色のピクセルをグループ化し、画像に占める面積が大きい順に主要な色を選びます。画像がブラウザの外に出ることはありません。

どんな配色ルールがありますか?

ランダム、類似色、補色、トライアド、分裂補色、モノクロマティックです。