fiokit.

カラーパレット生成

調和する配色を作成したり、画像から主要な色を抽出したりして、CSS 変数として書き出せます。

入力欄にポインターを合わせるか選択するとヘルプが表示されます。Escapeで閉じます。

画像を選択すると主要な色を抽出します。配色の調和を使う場合は画像をクリアしてください。

使い方

色と配色の種類を選ぶか、画像を読み込んでください。ツールを実行した後、色見本をクリックしてコードをコピーするか、CSS 変数をダウンロードできます。

使用例

色

#155bdf

よくある質問

入力内容はサーバーに送信されますか?

いいえ。入力内容はこのブラウザ内で処理され、サーバーに送信・保存されません。

カラーパレット生成 を使う際の注意点は?

画像の色はサンプリングと量子化で抽出します。配色の調和は、アクセシビリティ基準を満たすコントラストを保証するものではありません。