BBasaapp Toolsツール一覧

🌑box-shadow ジェネレーター

影のオフセット・ぼかし・広がり・色を指定して、CSSの box-shadow コードを生成します。

🔒 入力データはブラウザ内だけで処理され、サーバーに送信されません
水平方向（px）
垂直方向（px）
ぼかし（px）
広がり（px）
色
不透明度（%）

🎨 カラー・CSSの他のツール

🎨カラーコード変換（HEX/RGB/HSL）カラーコードを HEX・RGB・HSL の間で相互変換します。#FF0000・rgb(255,0,0) などを入力してください。🖍️カラーピッカー色を視覚的に選んで、HEX・RGB・HSLのカラーコードを取得します。🌈CSSグラデーション生成2色と角度を指定して、CSSの linear-gradient コードを生成します。🔲コントラスト比チェッカー文字色と背景色のコントラスト比を計算し、WCAGのアクセシビリティ基準（AA/AAA）の合否を判定します。⬜border-radius ジェネレーター四隅の角丸を個別に指定して、CSSの border-radius コードを生成します。📏px ⇔ rem 変換CSSの px と rem を相互に変換します。ルートフォントサイズを基準に計算します。

よくある質問

box-shadow ジェネレーターは無料で使えますか？
はい。box-shadow ジェネレーターを含む Basaapp Tools のツールはすべて無料・登録不要でご利用いただけます。利用回数の制限もありません。
box-shadow ジェネレーターに入力したデータは外部に送信されますか？
いいえ。box-shadow ジェネレーターの処理はすべてお使いのブラウザ内（クライアントサイド）で完結し、入力した内容がサーバーへ送信・保存されることはありません。安心してご利用ください。
スマートフォンやタブレットでも使えますか？
はい。box-shadow ジェネレーターはレスポンシブ対応で、PC・スマホ・タブレットのいずれのブラウザからでも快適に利用できます。アプリのインストールは不要です。