カラーパレット / グラデーション生成

カラーパレット / グラデーション生成ツールとは？

ベース色を1つ選ぶだけで、補色・類似色・トライアド・スプリットコンプリメンタリなどの調和パレットを自動生成します。各色の HEX / RGB / HSL をワンクリックでコピーでき、 デザインやスライド、コーディングの配色決めに使えます。linear / radial グラデーションの CSS コードも出力できるので、そのまま貼り付けるだけ。 色の計算はすべてブラウザ内で完結し、サーバーには何も送信されません。

よくある質問

Q. どんな配色（調和）を作れますか？

補色・類似色・トライアド・スプリットコンプリメンタリ・テトラード・モノクロ（同色相の明度違い）に対応しています。色相環をベースに自動計算します。

Q. グラデーションはどんな形式で出力されますか？

CSS の background プロパティとして linear-gradient / radial-gradient を出力します。角度や色数を変えると即座にコードへ反映され、ワンクリックでコピーできます。

Q. 色データはどこかに送信されますか？

送信されません。色の変換・生成はすべてブラウザ内で完結します。

Q. スマートフォンでも使えますか？

使えます。モバイル・デスクトップ両対応のレイアウトで、カラーピッカー・スライダー・コピーボタンがタッチでも操作できます。