Tiny Online Tools logoTiny Online Toolssearchツールを検索…grid_viewすべてのツール
ホームchevron_rightデザインツールchevron_rightシャドウパレット生成ツールシャドウパレット生成ツール

シャドウパレット生成ツール

UI デザイン用の一貫した階層的な CSS シャドウスタイルを生成します。

関連ツール

ニューモーフィズム生成ツール

ニューモーフィズム生成ツール

ニューモーフィズム UI スタイルの CSS コードを生成します。

Box Shadow ジェネレーター

Box Shadow ジェネレーター

CSSボックスシャドウをリアルタイムプレビューで視覚的に作成します。

グラスモーフィズム生成ツール

グラスモーフィズム生成ツール

グラスモーフィズム UI スタイルの CSS コードを生成します。

テキストシャドウジェネレーター

テキストシャドウジェネレーター

ライブプレビュー付きで CSS text-shadow を作成します。

PDFに透かしを追加

PDFに透かしを追加

PDFにテキスト透かしを追加します。

動画FPS変換

動画FPS変換

動画FPS変換はブラウザ上で動きを滑らかにしたりファイルを軽くするためFPSを変えるためのツールです。公開、授業、デモ、日常の動画・音声整理をすばやくプライベートに行えます。

HEIC を JPG に変換

HEIC を JPG に変換

Apple の HEIC・HEIF 写真をブラウザ上で汎用的な JPG 形式に変換します。

apps

もっと見る

無料オンラインツールの全コレクションを見る。

シャドウパレット生成ツール

シャドウパレット生成ツールは、UI デザインで使う一貫した階層的なシャドウスタイルのセットを作成します。

このツールが役立つ場面

  • プロジェクト用の一貫したシャドウシステムの構築
  • 要素の異なるエレベーションレベルを生成
  • シャドウ CSS 変数のエクスポート

典型的なワークフロー

  1. シャドウのベースカラーと設定を選択します。
  2. 異なるレベルの生成シャドウを確認します。
  3. CSS 値をコピーしてプロジェクトに使用します。