使い方
ベースカラーを入力し、生成方式(補色、類似色、トライアド等)を選択するとパレットが生成されます。各色のHEX/RGB/HSLをコピーできます。
- 補色・類似色・トライアド・テトラド・モノクロマティック
- 5色パレット表示
- 各色HEX/RGB/HSLコピー
- CSSカスタムプロパティ出力
こんなときに使おう
- デザインの配色を決めたいとき
- 補色や類似色を素早く確認したいとき
- CSSカスタムプロパティとして書き出したいとき
ベースカラーを入力し、生成方式(補色、類似色、トライアド等)を選択するとパレットが生成されます。各色のHEX/RGB/HSLをコピーできます。