N's Webtools
ホーム
🌈

カラーパレット生成

ベースカラーから調和するパレットを生成

使い方

ベースカラーを入力し、生成方式(補色、類似色、トライアド等)を選択するとパレットが生成されます。各色のHEX/RGB/HSLをコピーできます。

  • 補色・類似色・トライアド・テトラド・モノクロマティック
  • 5色パレット表示
  • 各色HEX/RGB/HSLコピー
  • CSSカスタムプロパティ出力

こんなときに使おう

  • デザインの配色を決めたいとき
  • 補色や類似色を素早く確認したいとき
  • CSSカスタムプロパティとして書き出したいとき

シェア

関連ツール